Form Studio - DS Engine
Crea tablas de contenido para formularios con estilos, variantes y reglas.
Plugin Preview
About this plugin
Form Studio es un plugin de Figma que convierte reglas de diseño en sistemas completos de formularios, permitiéndote generar inputs, selects, checkboxes y otros campos con variantes y propiedades listas para producción.Siguiendo la misma lógica que Container Studio, Form Studio no se basa en diseñar campo por campo, sino en definir reglas estructurales. Desde DS Engine, podés configurar cómo deben comportarse todos los elementos de formulario: tamaños, estados (default, focus, error, disabled), espaciados, tipografías, validaciones visuales y combinaciones posibles.Una vez definidas estas reglas, las exportás en formato JSON y las importás en el plugin. Form Studio interpreta esa estructura y genera automáticamente un sistema completo de componentes en Figma, incluyendo todas sus variantes, estados y propiedades editables.El resultado es un sistema de formularios coherente, reutilizable y listo para escalar sin fricción.Qué podés crear con Form StudioInputs de texto (simple, email, password, number, etc.)Selects y dropdownsRadios y checkboxesFile uploadsDate pickers / calendar inputsSliders y controles avanzadosTextareas y campos complejosTodo generado automáticamente con variantes como:Estados (default, hover, focus, error, disabled)Tamaños (sm, md, lg, custom)Layouts y densidadesEstilos visuales consistentesCómo funcionaDefinís las reglas del sistema de formularios en DS EngineExportás la configuración en JSONImportás ese JSON en Form StudioEl plugin genera todos los componentes con variantes y propiedades en FigmaPor qué usarloPorque los formularios son uno de los puntos donde más se rompe la consistencia en un diseño.Form Studio elimina esa fragmentación al centralizar todas las decisiones en reglas reutilizables. En lugar de diseñar cada input manualmente, construís un sistema completo que se mantiene coherente en todos los proyectos.Menos repetición.Menos errores.Más velocidad.Más sistema.
Plugin Details
| Version | 1 |
|---|---|
| Created | March 27, 2026 |
| Last Updated | March 27, 2026 |
| Category | ui-kits |
| Creator | Santiago Rada |
| Stats | 1 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://santiagorada.com/ds
More Like This
Discover other plugins in the ui-kits category.
UI Components Kit
pre-built UI component to be used in you design from Material UI , Chakra UI , and more ...
UI Kit
Turn technical debt into design consistency.
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries
Design System Hub – Curated Library of 150+ UX Design Systems & Figma Libraries