Container Studio - DS Engine
Crea contenedores con variantes y reglas para trabajar en Figma.
Plugin Preview
About this plugin
Container Studio es un plugin que transforma reglas de diseño en componentes reales, permitiéndote crear contenedores (como cards) completamente configurables, con variantes y propiedades listas para usar en sistemas de diseño escalables.A diferencia del enfoque tradicional de diseñar componente por componente, Container Studio trabaja a partir de lógica estructurada. El flujo comienza en DS Engine, donde definís las reglas base de un contenedor: tamaños mínimos y máximos, padding, spacing, tipografías, comportamiento responsive y combinaciones posibles.Una vez configurado, exportás estas reglas en formato JSON y las importás directamente en el plugin. Container Studio interpreta esa estructura y genera automáticamente componentes en Figma con variantes, propiedades y nomenclatura consistente.El resultado es un sistema de componentes dinámico, coherente y preparado para producción, que elimina la repetición manual y reduce errores de consistencia.Qué podés hacer con Container StudioGenerar componentes complejos en segundos a partir de reglas definidasCrear variantes automáticamente (tamaños, densidades, estados, layouts)Estandarizar padding, spacing y comportamiento sin esfuerzo manualMantener consistencia en todo el sistema de diseñoEscalar componentes sin rediseñar desde ceroIntegrar directamente con el flujo de DS EngineCómo funcionaDiseñás las reglas del contenedor en DS EngineExportás la configuración en JSONPegás ese JSON en Container StudioEl plugin genera componentes con variantes y propiedades * automáticamentePor qué usarloPorque diseñar componentes uno por uno ya quedó viejo.Container Studio te permite trabajar como un sistema, no como un lienzo suelto. Pasás de decisiones visuales aisladas a reglas reutilizables, logrando mayor velocidad, consistencia y escalabilidad en tus proyectos de Figma.
Plugin Details
| Version | 2 |
|---|---|
| Created | March 26, 2026 |
| Last Updated | March 26, 2026 |
| Category | ui-kits |
| Creator | Santiago Rada |
| Stats | 2 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