Story.to.design
Storybook コンポーネントを Figma に自動的に同期し、自動レイアウトとコード スニペットを使用して忠実度の高いデザインを生成します。
スコア
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 つのライセンス
- ストーリーブック 1 冊
- 無制限のユーザー
- 処理の高速化
- 無制限のコンポーネント
- 伝説的なサポート
Team
$199/年チーム全体で 1 つのライセンス
- ストーリーブック 1 冊
- 無制限のユーザー
- 処理の高速化
- 無制限のコンポーネント
- 伝説的なサポート
ユーザーレビュー
1.0
5点中
1.0
まだレビューがありません
このツールの最初のレビュアーになりましょう！