正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Same dev像素级精度复制任何UI界面并生成前端代码只需提供网页 URL、截图或设计文件（如 Figma），Same dev即可生成对应的代码，确保视觉效果与原始界面高度一致。 Same dev宣称可以以像素级精度复制任何用户界面（UI）。我跑了下免费额度很快被消耗完了，模式有点类似manus，也是在云端电脑上跑，自定编码。是基于Claude 3.7的，消耗完需要输入API。

小互

71,398 subscribers

66,459 次观看 • 1 年前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

5 条评论

小互的头像

小互1 年前

通过 AI 驱动，将 UI 转化为可运行的代码，支持多种前端技术栈。支持的框架包括 HTML/CSS、React、Tailwind CSS 等不过他们网站被谷歌打上了危险⚠️标签😂 详细介绍：

小互的头像

小互1 年前

克隆了个OpenAI 哈哈哈

Davidddd 的头像

Davidddd1 年前

真假美猴王

jac 的头像

jac1 年前

不太行，稍微复杂点的，效果就拉垮

alt flak 的头像

alt flak1 年前

网站甚至不是https协议😅

相关视频

Same dev像素级精度复制任何UI界面并生成前端代码测试结果，还是不错的思路和manus几乎一毛一样

Same dev像素级精度复制任何UI界面并生成前端代码测试结果，还是不错的思路和manus几乎一毛一样

小互

24,305 次观看 • 1 年前

今天在Producthunt发现一个AI模型Kombai，可以理解Figma的界面设计并生成对应的前端代码，下面是他们官网的演示视频。从演示来看生成的代码还是不错的，它的优势在于他不要求设计稿的格式、层级和是否使用组件，无论你怎么嵌套和画出的界面它都能理解。这比之前通过传统工程化思路从设计稿生成代码要强多了。之前的一些工具要不是处理不了复杂样式，要不就是对设计师的设计稿格式有非常严格的要求。同时这个模型也支持通过自然语言生成前端界面的代码。官网链接：

今天在Producthunt发现一个AI模型Kombai，可以理解Figma的界面设计并生成对应的前端代码，下面是他们官网的演示视频。从演示来看生成的代码还是不错的，它的优势在于他不要求设计稿的格式、层级和是否使用组件，无论你怎么嵌套和画出的界面它都能理解。这比之前通过传统工程化思路从设计稿生成代码要强多了。之前的一些工具要不是处理不了复杂样式，要不就是对设计师的设计稿格式有非常严格的要求。同时这个模型也支持通过自然语言生成前端界面的代码。官网链接：

歸藏(guizang.ai)

78,671 次观看 • 2 年前

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub：主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub：主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。

GitHubDaily

42,801 次观看 • 1 年前

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代

歸藏(guizang.ai)

157,033 次观看 • 9 个月前

用 AI 写代码经常说不清要改哪里，复制代码又特别麻烦。所以我尝试用它做了这款插件，可以像 Figma 一样直接在网页上可视化设计，改完复制提示词或导出 JSON 发给 AI，它就能精准定位代码并按你的要求修改。

用 AI 写代码经常说不清要改哪里，复制代码又特别麻烦。所以我尝试用它做了这款插件，可以像 Figma 一样直接在网页上可视化设计，改完复制提示词或导出 JSON 发给 AI，它就能精准定位代码并按你的要求修改。

Paidax

21,242 次观看 • 3 个月前

30 秒复制整个网站，这下前端重构真的要失业了😂 今天推一波 idoubi 大佬刚上线的神器 🚀 只需截个图，输个网址或者提供 figma，喝口茶的功夫就给你生成完整代码💻 测试了一下，完成度基本有 80% 以上了，还有提升空间，但不影响其牛逼程度😍 链接见评论👇

30 秒复制整个网站，这下前端重构真的要失业了😂 今天推一波 idoubi 大佬刚上线的神器 🚀 只需截个图，输个网址或者提供 figma，喝口茶的功夫就给你生成完整代码💻 测试了一下，完成度基本有 80% 以上了，还有提升空间，但不影响其牛逼程度😍 链接见评论👇

MapleShaw

628,191 次观看 • 1 年前

在做浏览器自动化脚本时，我们常常需要编写大量代码来处理复杂的网页交互，不仅耗时耗力，还难以调试和优化，要是出错更是难以精准定位问题所在。最近在 GitHub 上我发现了一款强大的开源自动化浏览器智能体：Index。它能够在浏览器上自动执行复杂的网页任务，无需编写代码脚本，简单描述任务需求即可完成各种网页操作。 GitHub：主要功能 - 基于 Claude 3.7 Sonnet 提供强大的 AI 能力，后续将支持更多模型 - 提供 API 和可视化操作 UI 界面，也支持完全自托管部署使用 - 能执行复杂的网页任务，如数据收集、表单填写和内容分析 - 支持自定义浏览器窗口大小和远程 CDP 连接安装部署简单，几行代码即可开始使用，也可直接使用托管 API 服务。

在做浏览器自动化脚本时，我们常常需要编写大量代码来处理复杂的网页交互，不仅耗时耗力，还难以调试和优化，要是出错更是难以精准定位问题所在。最近在 GitHub 上我发现了一款强大的开源自动化浏览器智能体：Index。它能够在浏览器上自动执行复杂的网页任务，无需编写代码脚本，简单描述任务需求即可完成各种网页操作。 GitHub：主要功能 - 基于 Claude 3.7 Sonnet 提供强大的 AI 能力，后续将支持更多模型 - 提供 API 和可视化操作 UI 界面，也支持完全自托管部署使用 - 能执行复杂的网页任务，如数据收集、表单填写和内容分析 - 支持自定义浏览器窗口大小和远程 CDP 连接安装部署简单，几行代码即可开始使用，也可直接使用托管 API 服务。

GitHubDaily

35,779 次观看 • 1 年前

兄弟们发现一个牛P的AI设计网站设计的界面非常精美、炸裂，完全可以直接使用。最重要的它大幅的简化了对设计提示词的要求你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计最牛P的是它还能根据界面设计上下文逻辑为你生成剩余的二级三级页面... 而且还支持对页面各种元素、文字、图像等进行精准编辑

兄弟们发现一个牛P的AI设计网站设计的界面非常精美、炸裂，完全可以直接使用。最重要的它大幅的简化了对设计提示词的要求你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计最牛P的是它还能根据界面设计上下文逻辑为你生成剩余的二级三级页面... 而且还支持对页面各种元素、文字、图像等进行精准编辑

小互

57,767 次观看 • 1 年前

UIGEN-T1：一个开源的 UI 设计生成工具能够根据用户输入的提示，推理生成基本的网页布局基于 Qwen2.5-Coder-7B微调 UIGEN-T1 能够利用推理过程生成结构清晰、符合标准的 HTML 和 CSS 代码，适合需要遵循某种设计模式的页面。它擅长生成较为基础的前端页面，如仪表盘、登陆页面和注册表单等对于常见的设计模式，UIGEN-T1 能够提供高效的自动化支持。

UIGEN-T1：一个开源的 UI 设计生成工具能够根据用户输入的提示，推理生成基本的网页布局基于 Qwen2.5-Coder-7B微调 UIGEN-T1 能够利用推理过程生成结构清晰、符合标准的 HTML 和 CSS 代码，适合需要遵循某种设计模式的页面。它擅长生成较为基础的前端页面，如仪表盘、登陆页面和注册表单等对于常见的设计模式，UIGEN-T1 能够提供高效的自动化支持。

小互

27,800 次观看 • 1 年前

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文，实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文，实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

Paidax

172,798 次观看 • 4 个月前

在使用 Claude Code 或 CodeX 这些 AI 编程工具，生成的代码虽然能跑，但代码质量如何、有没有冗余或潜在 bug，对于初学者来说确实挺难把握。这时候，可以使用 pyscn 这款代码质量分析工具，全方位地检测 AI 编写的 Python 代码状况。检测速度达到惊人的 10 万行/秒，不仅能检测到冗余死代码和重复代码片段，还能分析模块耦合度和复杂度。 GitHub：主要特性： - 基于控制流图的死代码检测，找出永远不会执行的代码段； - 使用 APTED + LSH 算法识别代码克隆，发现重构机会； - 耦合度分析，追踪模块间依赖关系和架构质量； - 圈复杂度分析，识别需要拆分的复杂函数； - 支持 HTML 和 JSON 报告输出，便于团队协作； - CI/CD 集成友好，可设置质量门禁自动检查。项目完全开源免费，通过 pipx 或 uv 安装即可使用，有需要的开发者可以看一下。

在使用 Claude Code 或 CodeX 这些 AI 编程工具，生成的代码虽然能跑，但代码质量如何、有没有冗余或潜在 bug，对于初学者来说确实挺难把握。这时候，可以使用 pyscn 这款代码质量分析工具，全方位地检测 AI 编写的 Python 代码状况。检测速度达到惊人的 10 万行/秒，不仅能检测到冗余死代码和重复代码片段，还能分析模块耦合度和复杂度。 GitHub：主要特性： - 基于控制流图的死代码检测，找出永远不会执行的代码段； - 使用 APTED + LSH 算法识别代码克隆，发现重构机会； - 耦合度分析，追踪模块间依赖关系和架构质量； - 圈复杂度分析，识别需要拆分的复杂函数； - 支持 HTML 和 JSON 报告输出，便于团队协作； - CI/CD 集成友好，可设置质量门禁自动检查。项目完全开源免费，通过 pipx 或 uv 安装即可使用，有需要的开发者可以看一下。

GitHubDaily

41,084 次观看 • 9 个月前

卧槽，Sora 2 史诗级更新！所有免费用户都能生成 15 秒长度的视频了！同时 Pro 用户还可以生成 25 秒长度的视频，这个太猛了。 Pro 用户可以使用故事板功能，按秒精确控制分镜和画面内容。我做了个视频试了一下时间和提示词控制都基本准确，图生前面两秒没动，我剪了

卧槽，Sora 2 史诗级更新！所有免费用户都能生成 15 秒长度的视频了！同时 Pro 用户还可以生成 25 秒长度的视频，这个太猛了。 Pro 用户可以使用故事板功能，按秒精确控制分镜和画面内容。我做了个视频试了一下时间和提示词控制都基本准确，图生前面两秒没动，我剪了

歸藏(guizang.ai)

61,451 次观看 • 8 个月前

又一个新的AI应用开发工具非常适合小白用户，开发好玩的简单应用只需要描述奶底需求即可，所有生成的应用都可以直接通过网页访问，无需部署。而且牛p的是支持下载生成好应用的源代码，包括前端+后端代码包😎 我测试生成了一个性格测试搞笑应用，还不错的，你们看看↓ 平台介绍是多个 AI 智能体协作完成任务有专门负责理解你的想法的；有的专门写代码；有的专门设计界面还有测试和优化功能的AI 一起工作

又一个新的AI应用开发工具非常适合小白用户，开发好玩的简单应用只需要描述奶底需求即可，所有生成的应用都可以直接通过网页访问，无需部署。而且牛p的是支持下载生成好应用的源代码，包括前端+后端代码包😎 我测试生成了一个性格测试搞笑应用，还不错的，你们看看↓ 平台介绍是多个 AI 智能体协作完成任务有专门负责理解你的想法的；有的专门写代码；有的专门设计界面还有测试和优化功能的AI 一起工作

小互

20,076 次观看 • 1 年前

今天从池建强老师池建强墨问那要了个邀请码，体验到了还在内测的AI Builder 产品 Deamoy AI Deamoy AI ，太惊艳了！它主打：所想即所得、实时生成、零成本修改，宣传是 lovable+figma 的体验我用来做了几个网站，深度体验了一下，整个生成过程非常流畅，流式渲染的效果很棒👍，几乎无等待感生成好之后整个界面跟figma里的界面很像，可以对UI布局和页面元素进行拖拉拽、点击编辑等微调操作也可以直接修改源码，还能一键发布成可访问可分享的链接整个过程就像在搭积木一样，将coding和design完美融合，真的实现了他们“所想即所得”的slogan，无论是不懂设计的程序员，还是不懂代码的设计师，感觉都能用它轻松 vibe coding！

今天从池建强老师池建强墨问那要了个邀请码，体验到了还在内测的AI Builder 产品 Deamoy AI Deamoy AI ，太惊艳了！它主打：所想即所得、实时生成、零成本修改，宣传是 lovable+figma 的体验我用来做了几个网站，深度体验了一下，整个生成过程非常流畅，流式渲染的效果很棒👍，几乎无等待感生成好之后整个界面跟figma里的界面很像，可以对UI布局和页面元素进行拖拉拽、点击编辑等微调操作也可以直接修改源码，还能一键发布成可访问可分享的链接整个过程就像在搭积木一样，将coding和design完美融合，真的实现了他们“所想即所得”的slogan，无论是不懂设计的程序员，还是不懂代码的设计师，感觉都能用它轻松 vibe coding！

Corey Chiu

22,292 次观看 • 11 个月前

我天，刚刚不小心又测出超牛的流程，不用安装任何软件，只需要输入一段脚本，就能将任意网页转成可编辑的设计稿，并且设计稿的还原度超级高。这谁还用 html to figma 啊

我天，刚刚不小心又测出超牛的流程，不用安装任何软件，只需要输入一段脚本，就能将任意网页转成可编辑的设计稿，并且设计稿的还原度超级高。这谁还用 html to figma 啊

Paidax

152,455 次观看 • 4 个月前

前端设计这一块谷歌是真没问题！我用Gemini 3.5 Flash做了个3D飞机模型展览，太帅了呀！制作方法： 1.GPT2-image生生成正视图、背视图、左视图和右视图 2.3D模型生成，注意需要用纹理 3.UI预览图生成，调用Codex内置GPT2-image即可 4.用Gemini 3.5 Flash生成网站生成网站这一步在Google AI Studio上传不了3D模型的glb文件，所以就必须要调API在本地做个网站了。我是在Zenmux调用的，大家应该对Zenmux也不陌生，就是那个一有新模型就免费给大家玩的网站。它提供一个KEY调用所有顶级大模型的功能，不仅可以用Gemini 3.5 Flash绘制前端，如果有小BUG，还可以再切换到GPT5.5或Oplu4.7进行修复，使用非常丝滑！想先免费试一试下 Gemini 3.5 Flash的能力？壕气冲天的Zenmux现在直接免费送一周TOKEN（有限额）！传送门直达：

前端设计这一块谷歌是真没问题！我用Gemini 3.5 Flash做了个3D飞机模型展览，太帅了呀！制作方法： 1.GPT2-image生生成正视图、背视图、左视图和右视图 2.3D模型生成，注意需要用纹理 3.UI预览图生成，调用Codex内置GPT2-image即可 4.用Gemini 3.5 Flash生成网站生成网站这一步在Google AI Studio上传不了3D模型的glb文件，所以就必须要调API在本地做个网站了。我是在Zenmux调用的，大家应该对Zenmux也不陌生，就是那个一有新模型就免费给大家玩的网站。它提供一个KEY调用所有顶级大模型的功能，不仅可以用Gemini 3.5 Flash绘制前端，如果有小BUG，还可以再切换到GPT5.5或Oplu4.7进行修复，使用非常丝滑！想先免费试一试下 Gemini 3.5 Flash的能力？壕气冲天的Zenmux现在直接免费送一周TOKEN（有限额）！传送门直达：

逸尘

42,390 次观看 • 1 个月前

Google Antigravity 实测：目前最有“未来感”的 AI IDE。我用三次对话，0报错，复刻了高完成度的 X 页面，视频为详细拆解。它是 Agent-First 开发环境：自动规划、跑代码、开浏览器找 bug、捕捉错误并修复、录屏生成一个 Walkthrough 文档，整套流程像在“看 AI 工作”。亮点： Task/Plan/Walkthrough 组成的可协作工作流，特别适合产品经理，任务完成度极高。免费额度慷慨（Gemini 3 Pro → Claude Sonnet 4.5）以下是一个完整的项目综合分析：

Google Antigravity 实测：目前最有“未来感”的 AI IDE。我用三次对话，0报错，复刻了高完成度的 X 页面，视频为详细拆解。它是 Agent-First 开发环境：自动规划、跑代码、开浏览器找 bug、捕捉错误并修复、录屏生成一个 Walkthrough 文档，整套流程像在“看 AI 工作”。亮点： Task/Plan/Walkthrough 组成的可协作工作流，特别适合产品经理，任务完成度极高。免费额度慷慨（Gemini 3 Pro → Claude Sonnet 4.5）以下是一个完整的项目综合分析：

余温

26,464 次观看 • 7 个月前

全网催爆的设计工作流来了！从单个 IP 出发，延展出整套品牌视觉 + APP 全界面设计！先用 Image2 生成高品质 UI 界面、APP 页面、运营活动页，再由 Codex 精准复刻视觉稿，最后用插件生成可直接落地的 Figma 设计稿

全网催爆的设计工作流来了！从单个 IP 出发，延展出整套品牌视觉 + APP 全界面设计！先用 Image2 生成高品质 UI 界面、APP 页面、运营活动页，再由 Codex 精准复刻视觉稿，最后用插件生成可直接落地的 Figma 设计稿

Paidax

301,950 次观看 • 2 个月前

除了千篇一律的现代UI，可以试试开源复古风RetroUI，对于有些游戏页面、社交个性化的诉求可以搭配。 ✨ 40+即插即用的复古风组件 🎨 完美集成React + TailwindCSS 💻 只需复制粘贴，极速上手

除了千篇一律的现代UI，可以试试开源复古风RetroUI，对于有些游戏页面、社交个性化的诉求可以搭配。 ✨ 40+即插即用的复古风组件 🎨 完美集成React + TailwindCSS 💻 只需复制粘贴，极速上手

katon

24,206 次观看 • 1 年前

有了 Gemini 3 之后，你想要什么界面就可以直接截图发给它了我让它复刻了一下网易云音乐经典的黑胶唱片播放界面包括旋转的黑胶和滚动的歌词这个任务还是有点难度的，它改了四遍才改好效果怎么样？可以点开视频看看（前面是原版，后面的复刻）

有了 Gemini 3 之后，你想要什么界面就可以直接截图发给它了我让它复刻了一下网易云音乐经典的黑胶唱片播放界面包括旋转的黑胶和滚动的歌词这个任务还是有点难度的，它改了四遍才改好效果怎么样？可以点开视频看看（前面是原版，后面的复刻）

Orange AI

117,991 次观看 • 7 个月前