Button Studio - DS Engine
Crea la estructura de botones componetizados con variantes, propiedades y estilos en un clic.
Plugin Preview
About this plugin
Button Studio es un plugin avanzado para Figma que te permite generar automáticamente sistemas completos de botones, totalmente componentizados, a partir de configuraciones creadas en DS Engine.En lugar de construir botones manualmente (variant por variant, estado por estado), Button Studio transforma tu configuración en un set completo de componentes listos para usar, con Auto Layout, propiedades y variantes correctamente estructuradas.🚀 Flujo de trabajo optimizadoDiseñás tu botón en DS EngineDefinís:Padding, spacing y layoutTipografíaColoresIconosBordes, sombras y estadosHacés clic en GenerarSe crean automáticamente todas las variantes, tipos y estadosCopiás el resultadoEn Figma, abrís Button Studio y pegás el contenido (CTRL + V)Tus componentes se crean automáticamente:Con variantesCon propiedadesCon Auto Layout aplicadoListos para usar en tu Design System🧩 ¿Qué crea exactamente?Button Studio genera un sistema completo de botones incluyendo:Variantes (primary, secondary, etc.)Estados (default, hover, pressed, disabled)TamañosBotones con y sin iconosEstructura con Auto LayoutPropiedades configurables (texto, iconos, estados, etc.)Todo organizado y siguiendo una lógica consistente.👉 Link a DS Engine: https://santiagorada.com/ds⚡ Principales beneficiosAutomatización total de componentesPasás de cero a un sistema completo en segundosEstructura profesionalComponentes bien armados, listos para escalarConsistencia garantizadaTodas las variantes siguen las mismas reglasIntegración directa con DS EngineDiseñás una vez, generás todoAhorro de tiempo extremoEliminás uno de los procesos más tediosos en Figma🧠 Pensado para sistemas realesButton Studio no solo crea botones, crea una base sólida para tu Design System, lista para ser usada por equipos de diseño y desarrollo.🧩 Ideal paraDiseñadores que crean Design Systems desde ceroEquipos de producto que necesitan consistencia en UIFreelancers que quieren acelerar entregasCualquiera que quiera dejar de armar variantes manualmente💡 Por qué usar Button StudioCrear botones correctamente en Figma implica múltiples capas de complejidad: variantes, estados, Auto Layout, propiedades…Button Studio elimina todo ese trabajo y te entrega componentes listos, bien estructurados y escalables desde el primer clic.
Plugin Details
| Version | 1 |
|---|---|
| Created | March 24, 2026 |
| Last Updated | March 24, 2026 |
| Category | ui-kits |
| Creator | Santiago Rada |
| Stats | 9 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