设计转代码
wonder.design
Wonder是一款聚焦设计与开发协作场景的一体化设计工具，核心定位为打通设计生成、精准编辑、代码关联能力的在线设计平台。核心功能包括AI驱动的设计内容生成、画布内多维度精准编辑、代码上下文联动适配，目标用户覆盖UI设计师、前端开发人员、产品经理、独立创作者等群体，可用于移动端应用界面设计、网页端页面落地、品牌视觉物料输出、交互原型快速搭建等多种场景，帮助用户在同一画布内完成从创意到可落地设计资产的全流程创作，减少不同工具之间切换带来的效率损耗。
ardot.tencent.com
腾讯设计Ardot是腾讯推出的基于混元大模型的AI原生UI/UX设计平台，核心定位为打通设计到开发的全链路协作工具。平台支持文本生成界面、截图转矢量设计稿、一键标注并导出多端代码三大核心功能，主要面向设计师、产品经理、前端开发者、交互设计师等互联网产品研发相关角色，可应用于产品原型快速输出、设计稿转开发交付、旧页面还原重构等多种工作场景，帮助团队降低跨角色沟通成本，缩减产品从构思到落地的周期。
teleporthq.io
TeleportHQ是一款面向前端开发、UI设计及内容运营团队的协作式前端开发平台，集成可视化构建、设计转代码、内容建模等核心能力。平台支持用户通过低代码操作快速搭建响应式静态站点，可直接将Figma设计稿转化为可用的前端代码，同时支持自定义代码扩展功能，完成的项目可通过多个第三方平台部署或直接下载源码，适用于企业官网搭建、活动页面开发、组件库沉淀、中小站点快速上线等多种场景，能够帮助团队降低跨角色协作成本，提升前端项目开发效率。
brewed.dev
Brewed是面向UI设计与前端开发领域的AI辅助工具平台，核心定位是降低UI组件开发的重复工作量，提升设计到代码的转化效率。平台支持设计需求文本描述生成、参考图像识别转化、开源组件库检索匹配三大核心功能，可直接输出符合主流前端框架规范的可运行代码。目标用户覆盖UI设计师、前端开发工程师、产品原型设计师、独立开发者、创业团队技术人员等，适用于业务系统界面开发、移动端应用UI搭建、营销活动页面设计、开源项目组件复用等多种场景，能够帮助用户减少UI设计与代码编写的重复劳动，缩短项目从原型到落地的周期。
visdiff.com
Visdiff 是一款专注于前端开发领域的AI智能体，核心定位是帮助开发者生成并修复前端代码，实现对 Figma 设计稿的精准还原。核心功能支持Figma设计稿导入解析、前端代码自动生成、代码样式自动修复、还原度差异对比、响应式布局适配。它面向前端开发从业者、UI设计师、独立开发者等用户，可应用于快速原型开发、设计稿落地交付、个人项目快速搭建等开发场景，缩短设计转前端的流程耗时。
csspicker.dev
CSSPicker是一款基于AI技术的前端开发辅助工具，核心定位是帮助开发者将设计稿、静态图像以及现有网页界面快速转换为可直接使用的CSS代码。该工具支持从图像提取界面元素，识别颜色、尺寸、布局属性并生成结构化代码，也支持对目标网站进行元素逆向解析获取对应样式代码。核心功能包含图像转CSS代码、网页元素CSS提取、自定义颜色识别导出、布局结构自动生成、多框架代码适配等，面向前端开发人员、UI设计师、独立开发者等用户，适合快速还原设计稿、复刻网页界面元素、提取设计配色方案、快速生成基础布局代码等开发场景。
stagewise.io
Stagewise是一款集成AI开发代理的前端开发协作平台，核心定位是通过自然语言提示实现可视化UI编辑与迭代，帮助开发团队缩短从需求到上线的流程。平台支持基于现有代码库的AI协作开发，可直接在可视化界面调整UI组件，自动生成可运行的前端代码，还能对接主流代码托管平台实现版本管理。核心功能包括AI驱动可视化UI编辑、基于现有代码库的上下文开发、实时协作评审、自动代码生成与PR创建、部署预览等，面向前端开发团队、产品经理、UI设计师以及独立开发者，适用于需求原型快速迭代、现有UI调整优化、新功能前端开发、设计稿转可运行代码等多个开发场景。
animaapp.com
Anima是一款设计转代码协作平台，核心定位是打通设计师与开发者的工作链路，降低设计到开发的沟通成本与重复劳动。平台支持Figma、Adobe XD、Sketch等主流设计工具的对接，可将设计稿自动转换为React、Vue、HTML等格式的前端代码，同时提供交互式原型制作、多端响应式适配、团队协同批注等功能。目标用户涵盖产品设计师、前端开发者、产品经理、自由职业者、设计机构及企业产品团队，可应用于设计交付协作、MVP快速搭建、营销页面开发、UI组件库落地、多端产品适配等多个场景，帮助团队缩短产品从设计到上线的周期。
based.so
Based是一款AI驱动的在线前端设计编辑器，核心定位是帮助开发者和设计人员快速生成可直接使用的前端代码设计方案。平台支持通过自然语言描述需求生成对应设计结构，也可导入参考设计生成匹配代码，还能在线调整设计细节并导出合规的前端代码。目标用户覆盖前端开发工程师、UI设计人员、独立开发者以及高校计算机相关专业学生，适合快速原型开发、设计转代码落地、小型项目前端搭建等多种开发场景，帮助缩短从设计到代码实现的周期。
copyweb.ai
CopyWeb是AI驱动的网页设计转代码工具，核心定位为连接设计与开发的效率解决方案，可将网页截图、已有网站URL、Figma设计稿三类输入直接转换为可直接用于生产的前端代码，支持智能组件识别、多框架代码生成、响应式适配三大核心功能，面向前端开发人员、UI设计团队、独立开发者、外包项目承接方等群体，可应用于原型开发落地、旧站重构、项目快速交付、设计稿还原验证等多种工作场景，帮助降低设计转开发环节的沟通成本，缩短项目周期。
img2html.com
Img2html是专注于图像转前端代码的AI工具，核心定位是降低前端页面还原的人力成本，帮助用户将设计图快速转化为可运行的前端代码。其核心功能包括多格式图像转原生HTML/CSS/JS代码、主流前端框架代码生成、响应式布局自动适配，目标用户覆盖前端开发人员、UI设计师、产品经理、独立开发者、外包项目承接者等，可用于设计稿快速还原、原型页面快速落地、小型项目快速搭建、旧页面复刻重构等多种场景，无需专业编码技能即可完成基础的页面代码生成工作。
subframe.com
Subframe是面向UI设计与前端开发领域的AI辅助设计开发平台，核心定位是降低界面设计与代码转换的门槛，提升团队协作效率。平台支持AI生成UI组件、设计稿自动转前端代码、团队组件库统一管理三大核心功能，主要面向UI设计师、前端开发人员、产品经理、创业团队开发者、独立开发者、UI/UX学生等群体，可应用于web端产品界面设计、移动端应用原型搭建、企业内部系统界面开发、组件库标准化建设等多个场景，帮助用户减少重复设计与编码工作，聚焦产品核心逻辑的打磨。
niral.ai
Niral.ai是一款AI驱动的设计转代码开发平台，核心定位是将Figma设计稿自动转换为符合生产标准的前端代码，缩短设计到开发的衔接周期，减少手动编码的重复工作量。平台支持输出多种主流前端框架代码，可自动适配响应式布局，同时保留设计稿中的交互样式与层级关系。目标用户覆盖前端开发人员、UI设计师、独立开发者与初创团队，适合在快速原型开发、产品落地初期、设计稿批量转码等场景中使用，帮助团队加快产品上线节奏，降低设计开发对接的沟通成本。
uxpilot.ai
UX Pilot 是一款AI驱动的设计辅助工具，核心定位是为产品设计相关从业者提供自动化的线框图与UI设计生成服务，帮助团队缩短产品设计到落地的周期。其核心功能包括AI线框图自动生成、多风格UI设计适配、设计稿前端代码导出，可覆盖从产品需求落地到开发交付的全流程设计环节。目标用户包含产品经理、UI设计师、前端开发人员、创业团队负责人等，适合产品初期原型快速搭建、多版本设计方案对比、设计稿到开发的高效衔接等多种工作场景，降低设计环节的重复劳动成本。
locofy.ai
Locofy是一款AI驱动的设计转代码工具，核心定位是将Figma和Adobe XD设计稿一键转化为前端代码。其核心功能包括设计稿智能解析、组件自动识别、响应式代码生成、代码框架选择，能够大幅缩短从设计到开发的时间周期。该工具面向前端开发者、UI设计师、产品团队和创业团队，适用于快速原型开发、设计交付和前端代码自动化生成等场景。
magify.design
Magify Design是一款基于人工智能技术的UI/UX设计平台，核心定位是为设计、产品开发相关从业者提供智能化的设计落地支持。平台可依据用户上传的产品需求文档（PRD）和已有的设计系统自动生成对应设计内容，可对接Figma实现工作流协同，同时支持输出AI生成的设计方案、配套文案和对应代码，适配React、React Native开发框架。目标用户涵盖UI设计师、产品经理、前端开发人员、创业团队成员、设计系统管理员、外包项目负责人等，可应用于产品原型快速落地、设计系统合规校验、多端设计稿批量生成、需求迭代快速出稿等多个场景，帮助用户减少重复性繁琐工作，将精力集中在创意优化和用户需求落地层面。
salt-nlp.github.io
Design2Code是聚焦前端开发效率提升的代码生成工具，核心定位是实现设计稿到前端代码的自动转换，降低前端开发的重复劳动成本。核心功能包括支持Figma设计稿直接解析生成HTML/CSS代码，可根据需求选择生成React、Vue等框架适配的代码组件，同时支持生成响应式布局适配不同设备尺寸。目标用户覆盖前端开发人员、UI设计师、独立产品开发者、外包开发团队等，可用于快速生成原型页面代码、批量制作运营活动页、中小项目基础页面开发、设计稿还原度校验等场景，帮助使用者减少基础代码编写的时间投入。