Story.to.design
Generate and sync full Figma components from Storybook, Backlight or Histoire. Storybook to Figma. Histoire to Figma.
Балл
50
Пользовательский рейтинг
1.0
Бесплатная/Пробная поддержка
Не поддерживается
Начальная цена
149 $/месяц
Последнее обновление
авг. 04, 2026
Обзор
Что такое Story.to.design?
Story.to.design — это инструмент, который подключает Storybook, Backlight или Histoire к Figma, позволяя автоматически генерировать и синхронизировать компоненты Figma из кода. Это помогает поддерживать согласованность дизайна, обновляя сотни вариантов с изменениями кода одним щелчком мыши.
Для чего используется Story.to.design?
Теги
Группы пользователей
Основные функции
- Создание компонентов Figma из Storybook
- Автоматическая компоновка и высококачественные слои
- Импортировать вложенные компоненты
- Предоставьте фрагменты кода для режима разработки.
- Имитировать псевдосостояния (наведение, касание и т. д.)
- Мультибрендовая поддержка с темами
- Адаптивные компоненты с настраиваемыми точками останова.
- Локальный режим для быстрых итераций
- Работает с 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
Пока нет отзывов
Будьте первым, кто оставит отзыв об этом инструменте!