Bibliotecas de componentes y sistemas de diseño

uxmagic.ai/dashboard/figma-component-library

Bibliotecas integradas#

UXMagic incluye dos bibliotecas navegables de las que puedes tirar mientras diseñas:

• Biblioteca de componentes de Figma: componentes listos para soltar en un archivo de Figma.
• Biblioteca de componentes de React: componentes de código que siguen los mismos patrones.

Ambas están organizadas por categoría y cada componente tiene variantes.

Traer tu propio sistema de diseño#

Importa tus componentes de Figma o tu sistema de diseño a un proyecto para que las pantallas generadas usen tus componentes en lugar de otros genéricos. Consulta Importar desde Figma.

Una vez importados, menciónalos por su nombre:

Usa nuestros componentes Button y Card para los niveles de precios.

Mantener las pantallas generadas dentro del sistema#

Dos cosas hacen casi todo el trabajo:

1. Un tema que encaje con tu marca, para que los colores y la tipografía sean correctos por defecto. Consulta Temas y guías de estilo.
2. Instrucciones explícitas cuando la IA empieza a improvisar: «Usa solo componentes de nuestra biblioteca importada».

En Enterprise#

Los planes Enterprise incluyen un sistema de diseño y una biblioteca de componentes compartidos para todo el equipo, de modo que las pantallas generadas por cualquiera parten de los mismos componentes.