登录体验完整功能(收藏、点赞、评论等) — 已累计有 11648 人加入
× 大图预览
详情页推荐

工具介绍

Polymet是面向产研团队的AI产品设计工具,核心定位是帮助用户快速生成可落地的生产级设计稿和前端代码,用户仅需描述需求或者上传参考图片,就能快速产出对应的界面设计与实现代码。

工具支持导入自定义设计系统,满足企业级安全合规要求,和传统设计工具相比,它打通了设计到开发的全链路,避免了设计稿还原偏差的问题,同时兼容现有产研工具链,降低团队切换成本,适配从单个组件设计到完整产品页面迭代的全场景设计需求。

效果展示/案例参考

用户输入“电商商品详情页组件”的需求,工具可在数分钟内输出符合指定设计系统规范的高保真设计稿,同时生成可直接复用的前端代码,代码可直接对接现有项目依赖。

上传手绘的界面草稿图,可快速转化为标准UI设计稿,支持一键导出为Figma文件交付设计团队,或直接推送至Github代码仓库供开发使用。

团队协作场景下,多人实时修改的设计稿可同步生成迭代后的代码,项目相关方可直接访问在线演示链接查看可交互的成品效果,无需额外安装工具。

核心功能

  • 自定义设计系统适配:支持导入团队自有设计系统,可基于规范创建页面、新组件,迭代现有设计资产,满足企业级合规要求
  • Figma双向同步:支持Figma文件的导入与导出,兼容现有设计工作流,提升设计人员操作体验
  • 开发工作流对接:可对接Github、公有/私有npm包、Storybook等开发工具,实现设计到开发的无缝衔接
  • 可视化编辑器:支持可视化调整布局、间距、颜色等设计属性,用户可对AI生成的设计进行精细化调整,完全掌控设计效果
  • 代码编辑器:支持直接编辑生成的前端代码,满足开发人员自定义修改需求
  • 团队实时协作:支持多人共同设计、快速评审、实时优化,可生成在线演示链接分享给项目相关方查看

使用流程

  • 步骤1:进入Polymet官网,预约演示或注册账号后进入工作台,可选择上传自有设计系统、导入现有Figma设计文件,或直接从零开始创建项目
  • 步骤2:输入设计需求描述,或上传参考图片,等待AI生成对应的设计稿与前端代码
  • 步骤3:通过可视化编辑器调整设计细节,或通过代码编辑器修改生成的代码,满足个性化需求
  • 步骤4:导出Figma文件交付设计团队,或同步到Github等开发工具,也可生成在线演示链接分享给相关人员评审

使用场景

  • 场景1:产研团队快速迭代产品界面,从需求到落地的周期从数天缩短到数小时,提升产品迭代效率
  • 免责声明:本网站仅提供网址导航服务,对链接内容不负任何责任或担保。