输入关键词搜索 AI 工具、分类,或直接跳转页面
Components AI是一个面向设计与开发从业者的开源设计工具平台,核心定位为帮助用户无需编写代码即可构建自定义设计工具,适配现代UI组件开发与设计系统搭建流程。平台支持基于现有设计系统生成可复用的前端组件,支持拖放式自定义工具搭建,可对接主流设计软件导出资源,满足不同团队在组件规范化、设计开发协同中的各类需求,适合独立开发者、设计团队、前端开发团队等不同角色使用,可应用于组件库搭建、内部设计工具定制、产品原型快速迭代等多种场景。
打开Components AI官网,点击首页的开始使用按钮,注册个人账号或团队账号,完成邮箱验证后进入个人工作台。
在工作台中选择创建新项目,选择是搭建自定义设计工具还是生成UI组件库,导入已有的设计规范文件,或从空白项目开始搭建。
通过拖放操作添加功能模块,调整模块的参数规则,设置色彩、字体等基础规范,预览当前搭建的工具或组件效果。
添加团队成员,设置不同成员的访问与编辑权限,邀请成员协作修改内容,查看不同成员的修改记录。
确认内容无误后,导出对应的代码文件,或生成在线分享链接,将工具或组件投入到项目开发流程中使用。
看完教程,直接上手试试
访问 Components AI 官网