AI开发编程AI编程工具

Design In The Browser

点选浏览器元素让Claude等AI写代码,桥接设计与开发。

标签:

Design In The Browser 采用了一种「视觉驱动」的前端开发方式——你在浏览器中点选任何一个页面元素,它会让 Claude、Cursor 或 Gemini CLI 理解这个元素并生成对应的代码。这种方式比传统的「看设计稿写代码」更直接:你看到什么就改什么,AI 理解你的意图并输出代码。对于前端开发者来说,这能减少「查看设计稿 → 写代码 → 刷新预览」的循环时间。支持 macOS 和 Windows,免费使用。适合需要快速将设计想法转化为前端代码的开发场景。

数据统计

相关导航