Story.to.design
Sincronize os componentes do Storybook com o Figma automaticamente, gerando designs de alta fidelidade com layout automático e trechos de código.
Pontuação
50
Avaliação do Usuário
1.0
Suporte Gratuito/Teste
Não Suportado
Preço Inicial
US$ 149/mês
Última Atualização
ago 04, 2026
Visão geral
O que é Story.to.design?
story.to.design é uma ferramenta que conecta Storybook, Backlight ou Histoire ao Figma, permitindo a geração e sincronização automática de componentes Figma a partir do código. Ajuda a manter a consistência do design, atualizando centenas de variantes com alterações de código com um clique.
Para que serve o Story.to.design?
Tags
Grupos de Usuários
Principais Recursos
- Gere componentes Figma do Storybook
- Layout automático e camadas de alta fidelidade
- Importar componentes aninhados
- Forneça trechos de código para o modo Dev
- Simular pseudoestados (passar o mouse, tocar, etc.)
- Suporte multimarcas com temas
- Componentes responsivos com pontos de interrupção configuráveis
- Modo local para iterações rápidas
- Funciona com HTML/CSS, React, Vue, Angular, Svelte, Stencil, Lit
Como usar Story.to.design?
Conecte seu Storybook, selecione componentes e variantes e gere-os no Figma. Use recursos como revisões visuais, modo local para iterações rápidas e suporte multimarcas para manter os designs alinhados ao código.
Ferramentas Alternativas
Nenhuma ferramenta alternativa encontrada
Prós & Contras
Prós
- Alinha design e código perfeitamente
- Reduz a manutenção manual de variantes
- Suporta múltiplas estruturas e marcas
- Aprimora o modo Figma Dev com trechos de código
- Atualizações rápidas com análises visuais
Contras
- Principalmente para equipes que usam Storybook e Figma
- Pode exigir configuração para modo local
Casos de Uso
- Manter sistemas de design entre equipes
- Atualizando designs Figma com alterações de código
- Criação de componentes responsivos para múltiplas viewports
- Suporte a fluxos de trabalho de design multimarcas
Preços do Story.to.design
Plano de Assinatura
Agency
US$ 0/mêsPreços sob medida para sua necessidade
- 2+ livros de histórias
- Usuários ilimitados
- Processamento mais rápido
- Componentes ilimitados
- Suporte lendário
Team
US$ 149/mêsUma licença para toda a equipe
- 1 livro de histórias
- Usuários ilimitados
- Processamento mais rápido
- Componentes ilimitados
- Suporte lendário
Team
US$ 199/anoUma licença para toda a equipe
- 1 livro de histórias
- Usuários ilimitados
- Processamento mais rápido
- Componentes ilimitados
- Suporte lendário
Avaliações de Usuários
1.0
de 5
1.0
Ainda não há avaliações
Seja o primeiro a avaliar esta ferramenta!