Back to Plugins
Form Studio - DS Engine

Form Studio - DS Engine

Crea tablas de contenido para formularios con estilos, variantes y reglas.

Plugin Preview

Form Studio - DS Engine 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

Version1
CreatedMarch 27, 2026
Last UpdatedMarch 27, 2026
Categoryui-kits
CreatorSantiago Rada
Stats1 installs, 0 likes
PricingFree

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