design-to-code

标签

Cards List
#design-to-code

@ErickSky:别再从零开始设计网站了!有一个开源项目可以将截图、Figma 设计甚至……

X AI KOLs Timeline · 2026-08-28 缓存

一个名为 Screenshot to Code 的开源项目使用 AI 将截图、Figma 设计和屏幕录制转换为功能代码,节省了原型设计和重建界面的时间。

0 人收藏 0 人点赞
#design-to-code

视觉正确、运行正确:多屏移动应用生成的项目级基准

arXiv cs.AI · 2026-08-03 缓存

MobileForge 是一个面向项目级多屏移动应用生成的基准测试,用于评估多模态大语言模型在构建成功、跨页导航、视觉保真度、可维护性和效率方面的表现。对六个前沿多模态大语言模型的实验表明,当前模型能够编译并到达目标页面,但在交互式导航和视觉质量方面仍存在困难。

0 人收藏 0 人点赞
#design-to-code

@rauchg: Figma2React。很不错

X AI KOLs Following · 2026-07-24 缓存

v0 现在可以通过浏览页面和框架,然后将屏幕构建为一个应用,将整个 Figma 文件转换为一个可工作的应用。

0 人收藏 0 人点赞
#design-to-code

@Saccc_c: 如果你想拥有视频中的个人网站效果 一键关注这个仓库:https://github.com/Sac-Y/identity-skill…

X AI KOLs Timeline · 2026-07-10 缓存

介绍一个开源 skill,让 Codex 能够根据参考图高保真还原个人网站,通过五步工作流锁定设计后再生成代码。

0 人收藏 0 人点赞
#design-to-code

Locofy: 设计转代码代理

Product Hunt · 2026-06-17

Locofy 提供了一个智能代理前端层,连接 Figma 设计与 Cursor 和 Claude,实现自动化的设计到代码转换。

0 人收藏 0 人点赞
#design-to-code

@KyrieCheungYep: 给大家介绍一下这个 Skill,这是我在向一些客户做项目介绍的时候,沉淀下来的 Skill,经过了我自己多番实战验证 这是一个专门把「可见 UI 参考图」高质量还原成 HTML/CSS 的 Codex&Claude Skill 它会把设计…

X AI KOLs Timeline · 2026-06-05 缓存

KyrieCheungYep 发布了一个名为 ky-design-to-html 的 Codex/Claude Skill,用于将 UI 截图或设计稿高质量还原为 HTML/CSS,通过拆解设计结构、分离代码与资产、画布适配及浏览器截图校验等工作流减少视觉偏差。

0 人收藏 0 人点赞
#design-to-code

@PrajwalTomar_: 对于仍然手忙脚乱地用四个工具来交付前端的开发者们来说,这彻底结束了。现在整个从设计到代码再到渲染UI的流程都…

X AI KOLs Following · 2026-06-02 缓存

一位开发者用一个下午就重建了整个代理商的MVP,包括管理门户和客户门户,使用的新工具将设计、代码和实时UI编辑整合到一个平台中,声称将数周的工作缩短到几小时。

0 人收藏 0 人点赞
← 返回首页

提交意见反馈