Bibliotecas de componentes y sistemas de diseño
Usa las bibliotecas integradas de Figma y React, o trae tus propios componentes a un proyecto.
Última actualización:
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:
- 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.
- 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.
¿Te ha resultado útil este artículo?
Artículos relacionados
Importar desde Figma
Trae un frame de Figma existente a UXMagic y sigue editándolo con IA.
Temas y guías de estilo
Cómo funciona el tema del proyecto, cómo cambiarlo sin riesgo y por qué los colores no deben editarse pantalla por pantalla.
Exportar código (HTML, React, Tailwind)
Exporta una sola pantalla o un proyecto entero como código de front end listo para producción.