Sloth D2C 设计稿转代码

About this plugin

Sloth D2C design-to-code plugin is an intelligent tool for front-end development and design teams, supporting rapid conversion of design drafts into production-level HTML/React code, as well as AI-generated pages in the target style from text/images plus prompts and translating them into Figma nodes.

Sloth D2C 设计稿转代码插件，面向前端开发与设计团队的智能化工具，支持设计稿快速转生产级HTML/React代码，及文本/图片+Prompt输入AI生成目标风格页面并转译至Figma节点。

Core Capabilities:

① High-fidelity reproduction, with styles and layouts precisely matching the design drafts, reducing coding and review costs;

② Code closely resembles manually written code, supporting technical features such as TailwindCSS, automatic Flex layouts, and row/column grouping;

③ Supports online editing of generated code (image grouping, source code adjustments, etc.);

④ Deep collaboration with Sloth D2C MCP, breaking the limitations of RESTful APIs through configuration interception and data pushing, maximizing fidelity.

核心能力：

① 高保真还原，样式布局精准匹配设计稿，降低编码与走查成本；

② 代码贴近人工编写，支持TailwindCSS、Flex自动布局、行列分组等技术特性；

③ 支持生成代码在线二次编辑（图片编组、源码调整等）；

④ 深度协同Sloth D2C MCP，通过配置拦截及数据推送突破RESTful API限制，最大化还原度。