Drift

Drift 是一款专为AI时代打造的HTML转Figma工具，能够将任何HTML/CSS/JavaScript代码快速转换为可编辑的Figma设计稿。与传统的HTML-to-Figma工具不同，Drift 特别优化了对AI生成代码（如Claude原型）的支持，让你在几秒钟内获得可编辑的Figma图层，包括文本、矢量图标、渐变和自动布局。

核心功能

Drift 的核心能力是将代码转化为设计。无论是从Claude等AI工具生成的HTML/CSS/JS原型，还是手动编写的代码，只需粘贴或上传，Drift 就能解析并生成结构清晰的Figma设计。它支持多种输入方式：直接粘贴代码、上传文件，或通过Chrome扩展捕获任意URL。

主要特性

• AI代码原生支持：专为Claude等AI生成的HTML/CSS/JS优化，解决AI输出代码难以直接导入Figma的痛点。
• 无需MCP：当Claude的Figma MCP写权限被组织限制或令牌耗尽时，Drift 提供替代方案——直接粘贴代码即可。
• 高保真转换：保留文本、矢量图标、渐变和自动布局等设计属性，确保设计稿可直接编辑。
• 多输入方式：支持代码粘贴、文件上传和URL抓取（通过Chrome扩展），灵活适应不同工作流。
• 快速高效：几秒钟内完成转换，大幅提升从原型到设计的效率。

适用场景

Drift 特别适合AI产品设计师、前端开发者和UI/UX团队。当你在Claude中快速生成原型，但需要导入Figma进行精细化设计时，Drift 是最佳桥梁。它也适用于团队协作中需要将代码片段转化为设计稿的场景，以及希望避免手动重建AI生成设计的用户。