组件库与设计系统

uxmagic.ai/dashboard/figma-component-library

内置组件库#

UXMagic 自带两个可浏览的组件库，设计时可以直接取用：

• Figma 组件库 — 可直接放进 Figma 文件的组件。
• React 组件库 — 与之对应的同一套模式的代码组件。

两者都按类别组织，每个组件都有多个变体。

把你自己的设计系统带进来#

把你的 Figma 组件或设计系统导入项目，让生成的页面使用你的组件，而不是通用组件。见从 Figma 导入。

导入之后，按名字提到它们：

价格档位请使用我们的 Button 和 Card 组件。

让生成的页面守在体系内#

两件事就能解决大半问题：

1. 一个符合你品牌的主题，这样颜色和字体默认就是对的。见主题与样式指南。
2. 当 AI 开始自由发挥时，给出明确的指令：“只使用我们导入的组件库里的组件。”

Enterprise 方案#

Enterprise 方案包含团队共享的设计系统和组件库，团队里每个人生成的页面都从同一套组件出发。