组件库与设计系统

使用内置的 Figma 和 React 组件库,或者把你自己的组件带进项目。

最后更新

uxmagic.ai/dashboard/figma-component-library
内置的 Figma 组件库,按类别展示现成组件。
The built-in Figma component library.

内置组件库

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

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

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

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

导入之后,按名字提到它们:

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

让生成的页面守在体系内

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

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

Enterprise 方案

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

这篇文章有帮助吗?

相关文章

Read this in your language