Story.to.design
Sincronice los componentes de Storybook con Figma automáticamente, generando diseños de alta fidelidad con diseño automático y fragmentos de código.
Puntuación
50
Calificación de Usuario
1.0
Soporte Gratuito/Prueba
No Soportado
Precio Inicial
149 US$/mes
Última Actualización
ago 04, 2026
Resumen
¿Qué es Story.to.design?
story.to.design es una herramienta que conecta Storybook, Backlight o Histoire a Figma, lo que permite la generación y sincronización automática de componentes de Figma a partir del código. Ayuda a mantener la coherencia del diseño al actualizar cientos de variantes con cambios de código con un clic.
¿Para qué se usa Story.to.design?
Etiquetas
Grupos de Usuarios
Características Principales
- Generar componentes Figma desde Storybook
- Diseño automático y capas de alta fidelidad
- Importar componentes anidados
- Proporcionar fragmentos de código para el modo de desarrollo
- Simular pseudoestados (desplazar el cursor, tocar, etc.)
- Soporte multimarca con temas.
- Componentes responsivos con puntos de interrupción configurables
- Modo local para iteraciones rápidas
- Funciona con HTML/CSS, React, Vue, Angular, Svelte, Stencil, Lit
¿Cómo usar Story.to.design?
Conecte su Storybook, seleccione componentes y variantes, luego generelos en Figma. Utilice funciones como revisiones visuales, modo local para iteraciones rápidas y soporte multimarca para mantener los diseños alineados con el código.
Herramientas Alternativas
No se encontraron herramientas alternativas
Pros & Contras
Pros
- Alinea el diseño y el código a la perfección
- Reduce el mantenimiento manual de variantes.
- Admite múltiples marcos y marcas
- Mejora el modo Figma Dev con fragmentos de código
- Actualizaciones rápidas con revisiones visuales
Contras
- Principalmente para equipos que usan Storybook y Figma
- Puede requerir configuración para el modo local
Casos de Uso
- Mantener los sistemas de diseño en todos los equipos.
- Actualización de diseños de Figma con cambios de código
- Crear componentes responsivos para múltiples ventanas gráficas
- Compatible con flujos de trabajo de diseño multimarca
Precios de Story.to.design
Plan de Suscripción
Agency
0 US$/mesPrecios personalizados para su necesidad
- 2+ libros de cuentos
- Usuarios ilimitados
- Procesamiento más rápido
- Componentes ilimitados
- Soporte legendario
Team
149 US$/mesUna licencia para todo el equipo
- 1 libro de cuentos
- Usuarios ilimitados
- Procesamiento más rápido
- Componentes ilimitados
- Soporte legendario
Team
199 US$/añoUna licencia para todo el equipo
- 1 libro de cuentos
- Usuarios ilimitados
- Procesamiento más rápido
- Componentes ilimitados
- Soporte legendario
Reseñas de Usuarios
1.0
de 5
1.0
Aún no hay reseñas
¡Sé el primero en reseñar esta herramienta!