Polymet

Polymet 是一款面向产品团队的 AI 产品设计师，官方描述为「AI Product Designer」。用户把想要的东西说清楚，或者直接给一张参考图，它就会完成界面设计并产出可上线的前端代码。和只交付设计稿的工具不同，它把设计、可视化调整和代码编辑放在同一个工作台里，官网还强调可以接入团队已有的设计系统。

核心能力

• Design a product：从一句话描述出发设计整页产品界面，也可以只生成单个组件，官方称输出的是可直接用于生产的前端代码，而不只是效果图。
• Design from image：上传参考图作为输入，按图里的版式与风格生成对应界面。
• Bring your design system：接入团队自己的设计系统，用它生成新页面与新组件，也能对已有组件做迭代，让产出和现有产品保持一致。
• Figma import and export：支持 Figma 文件导入与导出，方便和现有设计流程、设计师交接。
• Visual Editor 与 Code Editor：可视化编辑器里调整布局、间距与颜色，代码编辑器里直接改代码，两种视图对应同一份产物。
• Collaborate with your team：官方称支持多人协作设计、快速评审与实时修改，并可把在线 demo 分享给相关方。

适合谁

• 需要快速把想法做成可点界面的产品经理，用来在评审前先出一版能看的页面。
• 前端工程师，手上没有设计稿但要补齐后台页、表单页与组件库里的空缺模块。
• 已经有一套设计系统的中大型团队，希望新页面直接沿用现有规范而不是另起一套样式。
• 独立开发者与小团队，用一个人完成「设计加前端」两道工序。

使用建议

• 第一次用建议从单个组件或一个简单页面跑起，先看它输出的代码结构与命名习惯是否合你的项目，再决定要不要整页生成。
• 有设计系统就先接设计系统再生成，否则后面改样式的工作量会抵消掉省下的时间。
• 生成结果要当成初稿：布局、间距、颜色在可视化编辑器里过一遍，交互与边界状态仍需自己补。
• 官网提到可对接 GitHub、公共与私有 npm 包、Storybook 等开发流程，接入前先确认团队仓库权限如何分配。
• 官网强调企业级的安全与合规能力，但具体条款、数据处理方式与商用范围以官方说明为准，正式用于商业项目前再核一次。