Bibliotecas de componentes e sistemas de design
Use as bibliotecas integradas de Figma e React, ou traga seus próprios componentes para um projeto.
Última atualização:
Bibliotecas integradas
A UXMagic traz duas bibliotecas navegáveis das quais você pode puxar enquanto projeta:
- Biblioteca de componentes do Figma — componentes prontos para soltar em um arquivo do Figma.
- Biblioteca de componentes React — componentes de código seguindo os mesmos padrões.
As duas são organizadas por categoria, e cada componente tem variantes.
Trazer seu próprio sistema de design
Importe seus componentes do Figma ou seu sistema de design para um projeto, para que as telas geradas usem seus componentes em vez de genéricos. Veja Importar do Figma.
Depois de importados, mencione-os pelo nome:
Use nossos componentes Button e Card para os níveis de preço.
Manter as telas geradas dentro do sistema
Duas coisas fazem quase todo o trabalho:
- Um tema que combine com a sua marca, para que cores e tipografia estejam certas por padrão. Veja Temas e guias de estilo.
- Instruções explícitas quando a IA começa a improvisar: “Use apenas componentes da nossa biblioteca importada.”
No Enterprise
Planos Enterprise incluem um sistema de design e uma biblioteca de componentes compartilhados no time, para que as telas geradas por todos partam dos mesmos componentes.
Este artigo foi útil?
Artigos relacionados
Importar do Figma
Traga um frame existente do Figma para a UXMagic e continue editando com IA.
Temas e guias de estilo
Como funciona o tema do projeto, como mudá-lo com segurança, e por que cores nunca devem ser editadas tela por tela.
Exportar código (HTML, React, Tailwind)
Exporte uma tela sozinha ou um projeto inteiro como código de front-end pronto para produção.