← Volver al catálogo
WebReferenciaAvanzadoGratis

Patrones de Sistema de Diseño

Guia de referencia para construir sistemas de diseno escalables con design tokens, infraestructura de temas y patrones de arquitectura de componentes. Cubre flujos Figma-to-code, theme switching y librerias de componentes reutilizables.

Descargar SKILL.md

Descarga abierta · sin registro · para Web, React, CSS

// resultado_de_ejemplo
Abrir en una pestaña nueva ↗

// qué_hace

Proporciona patrones y ejemplos de codigo para crear sistemas de diseno con tokens primitivos, semanticos y de componente, soporte de temas claro/oscuro y pipelines de sincronizacion Figma-codigo.

// cómo_lo_hace

Documenta arquitecturas de CSS custom properties, jerarquias de tokens, compound components en React y configuracion de Style Dictionary para generacion multi-plataforma.

// ejemplo_de_uso

Úsala cuando construyes un design system y necesitas que los tokens funcionen en modo claro y oscuro. Ej.: define tokens semánticos de color en CSS custom properties y genera los temas claro/oscuro con Style Dictionary.

// plataformas

WebReactCSSFigmaiOSAndroid
Categoría
Web
Tipo
Referencia
Nivel
Avanzado
Licencia
MIT
Seguridad
seguro · riesgo bajo
Versión
1.0.0

// opiniones_de_la_comunidad

Opiniones

Cargando opiniones…

// pase_cultiva_ia

Llévate todo el arsenal con el Pase

Todas las skills, prompts y automatizaciones del catálogo en un único archivo, listas para usar: un pago, acceso de por vida y las novedades que añadamos. Sin suscripción.

Pago único · IVA incluido · pago seguro con Stripe.

Acceso inmediato · si no es lo que esperabas, te devolvemos los 10 €.