得分
50
用戶評分
1.0
支援免費/試用
不支援
起始價格
$149/月
最近更新
8月 04, 2026
概覽
Story.to.design 是什麼？
story.to.design 是一個將 Storybook、Backlight 或 Histoire 連接到 Figma 的工具，可以從程式碼自動產生和同步 Figma 元件。只需點擊一下程式碼變更即可更新數百個變體，從而幫助保持設計一致性。
Story.to.design 用於什麼？
主要功能
- 從 Storybook 產生 Figma 元件
- 自動佈局和高保真圖層
- 導入嵌套元件
- 提供開發模式的程式碼片段
- 模擬偽狀態（懸停、點擊等）
- 多品牌支援與主題
- 具有可配置斷點的響應式元件
- 用於快速迭代的本地模式
- 適用於 HTML/CSS、React、Vue、Angular、Svelte、Stencil、Lit
如何使用 Story.to.design？
連接您的 Storybook，選擇組件和變體，然後在 Figma 中產生它們。使用視覺審查、快速迭代的本地模式和多品牌支援等功能來保持設計與程式碼的一致性。
替代工具
未找到替代工具
優點 & 缺點
優點
- 無縫對齊設計和程式碼
- 減少變體的手動維護
- 支援多種框架和品牌
- 使用程式碼片段增強 Figma 開發模式
- 透過視覺評論快速更新
缺點
- 主要針對使用 Storybook 和 Figma 的團隊
- 可能需要設定為本地模式
使用場景
- 跨團隊維護設計系統
- 透過程式碼變更更新 Figma 設計
- 為多個視窗建立響應式元件
- 支援多品牌設計工作流程
Story.to.design 價格
訂閱方案
Agency
$0/月根據您的需求量身訂做定價
- 2+ 故事書
- 無限用戶
- 處理速度更快
- 無限組件
- 傳奇支持
Team
$149/月整個團隊一張許可證
- 1本故事書
- 無限用戶
- 處理速度更快
- 無限組件
- 傳奇支持
Team
$199/年整個團隊一張許可證
- 1本故事書
- 無限用戶
- 處理速度更快
- 無限組件
- 傳奇支持
用戶評價
1.0
滿分5分
1.0
暫無評價
成為第一個評價此工具的使用者！