© Bohua Xu

H2D2C

Apr 11 · 2min

快速复制一个网站

一、H2D

首先选择一个心仪的网站,这里直接拿bolt.new官网为例

  • 使用html.to.design插件capture full page,获取到一个h2d的文件

  • 在figma中使用html.to.design上传刚才的h2d文件获取设计图(也可以直接在figma中直接使用URL获取设计图)

H2D步骤1H2D步骤2

二、D2C

可以在cursor中使用figma的mcp,生成项目,但是实测效果一般。

bolt.new:

无任何prompt,直接导入figma生成的效果:

bolt直接导入效果

让bolt微调后:

效果还可以,和设计图比较一致

bolt微调后效果

v0.dev:

无任何prompt,直接导入figma生成的效果:

v0.dev效果

三、H2C

same.new:

same.new效果

CC BY-NC-SA 4.0 2021-PRESENT © Bohua Xu