Wix Design System

biblioteca completa de Figma con componentes de UI y pautas para diseños consistentes de aplicaciones Wix.

Descripción General

Wix Design System (wixdesignsystem.com) es un sistema de diseño oficial de código abierto de Wix, que proporciona un conjunto unificado de componentes, patrones y pautas de UI para garantizar diseños consistentes, accesibles y escalables en todo el ecosistema de aplicaciones y herramientas de Wix.

Ideal para

Ideal para diseñadores y desarrolladores que construyen UIs consistentes y escalables dentro del ecosistema Wix.

Características Principales

Biblioteca de componentes: Más de 100 componentes de UI reutilizables como botones, formularios, navegación y modales, con variantes para estados y accesibilidad.
Pautas: Especificaciones detalladas para colores (paleta semántica), tipografía (escalas de fuente, jerarquía), iconos (conjunto personalizado con SVG), espaciado y movimiento.
Integración con Figma: Kit de Figma descargable para prototipado rápido y entrega de diseño.
Documentación: Guías interactivas para uso, mejores prácticas y fragmentos de código en React.

Pros

+Código abierto
+Colaboración en tiempo real
+Biblioteca extensa de iconos
+Formatos vectoriales escalables

Contras

-La adopción requiere alineación del equipo
-La personalización puede ser compleja

/// ESPECIFICACIONES

Precio:
Free
Plataforma:
Browser

ASSETS_DIRECTORY

figma

/// Herramientas Similares

AWS Amplify

Componentes de Figma para construir aplicaciones con Amplify con un lenguaje de diseño AWS coherente.

Animalia DS

sistema de diseño integral para componentes de UI y pautas consistentes en aplicaciones Animali.

Animate UI

Animate UI es una biblioteca de componentes React gratuita y de código abierto con animaciones de Tailwind y Framer Motion, inspirada en shadcn/ui, para mejorar interfaces web sin esfuerzo.

Vuetify

Vuetify es un framework UI completo para Vue.js que sigue estrictamente Material Design.

shadcn/ui

shadcn/ui es una coleccion unica de componentes React componibles copiables y pegbales.

Airtable UI Kit

Componentes de Figma para diseñar aplicaciones integradas con Airtable con patrones de UI consistentes.

Backstage Design System

Kit de Figma para portales de desarrolladores de Backstage con componentes de UI y pautas.

Base Gallery

Archivo comunitario de Figma que muestra una colección de componentes de UI para inspiración de diseño y prototipado.

Naive UI

Naive UI es una biblioteca de componentes Vue 3 recomendada por Evan You, con componentes TypeScript de alto rendimiento.

Element Plus

Element Plus es una biblioteca de componentes UI de escritorio para Vue 3 con componentes empresariales.