无代码生成式设计
无需编写代码即可构建自定义设计工具、响应式组件、页面和网站，然后将它们用于网页项目。
Components AI
认领Components AI 是一款开源网页设计工具，可在无需编写代码的情况下构建参数化和生成式设计系统。支持基于设计令牌的主题、多格式导出、发布以及用于主题导入和格式转换的实验性 API。
概述
Components AI 是一款用于创建参数化和生成式设计系统的开源设计工具。它专注于帮助创作者在无需编写代码的情况下构建响应式组件、页面、网站和视觉设计工具。
该产品将用于设计和发布的工作室与不断扩展的生成式 UI 和图形组件库、主题导入工具，以及用于处理主题、代码格式化和网页格式转换的 API 结合在一起。其定位围绕设计令牌、响应式系统以及可编辑的输出，这些输出可以导出或共享。
功能
基于主题和令牌驱动的设计
导入或定义设计令牌，并用它们驱动主题、色彩系统、排版比例、阴影、间距和响应式断点。
迭代式生成控制
在生成的设计之间循环切换，锁定你想保留的输入，并通过对迭代进行赞成或反对投票来筛选输出。
多格式导出
以多种格式导出作品，包括 React、JS、JSON、JSX、SVG、PNG、HTML、CSS、CSS 自定义属性和 Sass。
一键发布
将设计发布为托管网页，并提供 JS、JSON 和 CSS 样式的托管资源。
开发者 API
使用用于导入主题和调色板、格式化代码，以及在 HTML、JSX、Markdown 和 PNG 工作流之间转换的实验性 API。
使用场景
原型化 UI 组件
通过调整参数而不是手动重建布局来创建响应式卡片、页面和其他界面元素。
构建设计系统并扩展它们
导入品牌的令牌或从 CSS 派生的值，并将其转化为用于颜色、字体、阴影和间距系统的主题。
共享作品以便审阅和协作
生成并发布设计资源，然后与同事或客户共享托管页面和样式以供审核。
将设计工作流集成到工具链中
使用 API 导入主题或调色板、格式化代码，并将 HTML、JSX、Markdown 或 PNG 内容转换为构建流程的一部分。
Pros and Cons
Pros
- 开源设计工具，提供永久免费 Creator 套餐。
- 支持跨颜色、排版、阴影、间距和断点的响应式、令牌驱动设计。
- 可导出为多种实用格式，包括 React、HTML、CSS、SVG、PNG、JSON 和 Sass。
- 提供设计与资源的托管发布功能。
- 包含用于导入主题和调色板以及执行格式化和转换任务的 API。
Cons
- API 文档说明这些 API 处于实验阶段，可能会发生变化。
- 来源页面未提供关于集成、团队权限或支持工作流的完整细节。
FAQ
Components AI 可以免费使用吗？
Components AI 提供一款开源设计工具，并提供免费 Creator 套餐。付费的 Pro 套餐增加了组件切换、文件夹、无限主题、无限网站、无限项目、私有项目、项目模板以及电子邮件/聊天支持，而 Enterprise 采用定制定价。
我可以使用 API 做什么？
该网站说明这些 API 处于实验阶段，可能会发生变化。API 文档包含主题和调色板导入端点、格式化工具，以及用于 HTML、JSX、Markdown 和 PNG 工作流的转换端点。
Components AI 支持哪些类型的输出？
主页说明该工具用于在无需编写代码的情况下构建响应式组件、页面和网站。API 文档也支持代码格式化和转换工作流，而更新日志提到面向网页组件和其他格式的发布与导出功能。
它支持团队协作吗？
来源页面并未详细说明团队席位控制或协作权限。不过，页面展示了单击发布、共享托管页面，以及用于定制解决方案的 Enterprise 入门流程。
Quick Facts
- 类别
- 设计工具
- 平台
- Web
- 主要用户
- 创作者、设计师和开发者
- 来源域名
- components.ai
- 定价
- 免费 Creator 套餐；Pro 起价为每月 24 美元；Enterprise 定制定价
- 显著工作流
- 设计、导出、发布并转换生成式设计资源