得分
50
用户评分
1.0
支持免费/试用
不支持
起始价格
US$149/月
最近更新
08月04日
概览
Story.to.design 是什么？
story.to.design 是一个连接 Storybook、Backlight 或 Histoire 到 Figma 的工具，能够从代码自动生成和同步 Figma 组件。它通过一键更新数百个变体来保持设计一致性。
Story.to.design 用于什么？
主要功能
- 从 Storybook 生成 Figma 组件
- 自动布局和高保真图层
- 导入嵌套组件
- 为 Dev Mode 提供代码片段
- 模拟伪状态（悬停、点击等）
- 多品牌支持与主题
- 响应式组件可配置断点
- 本地模式快速迭代
- 支持 HTML/CSS、React、Vue、Angular、Svelte、Stencil、Lit
如何使用 Story.to.design？
连接你的 Storybook，选择组件和变体，然后在 Figma 中生成。使用视觉审查、本地模式快速迭代和多品牌支持等功能，确保设计与代码对齐。
替代工具
未找到替代工具
优点 & 缺点
优点
- 无缝对齐设计与代码
- 减少变体的手动维护
- 支持多种框架和品牌
- 通过代码片段增强 Figma Dev Mode
- 快速更新与视觉审查
缺点
- 主要适用于使用 Storybook 和 Figma 的团队
- 本地模式可能需要设置
使用场景
- 跨团队维护设计系统
- 用代码更新更新 Figma 设计
- 为多视口创建响应式组件
- 支持多品牌设计工作流
Story.to.design 价格
订阅计划
Team
US$149/月整个团队一个许可证
- 1 个 Storybook
- 无限用户
- 更快处理
- 无限组件
- 传奇支持
Team
US$199/年整个团队一个许可证
- 1 个 Storybook
- 无限用户
- 更快处理
- 无限组件
- 传奇支持
Agency
Custom根据需求定制定价
- 2+ 个 Storybook
- 无限用户
- 更快处理
- 无限组件
- 传奇支持
用户评价
1.0
满分5分
1.0
暂无评价
成为第一个评价此工具的用户！