Sloth D2C: Figma to HTML

About this plugin

Sloth D2C: Figma to HTML is a secure, intelligent tool designed for front-end developers and designers. It instantly converts your Figma designs into clean, production-level HTML and TailwindCSS—running 100% locally with zero design uploads.✨ Core Plugin Features (What happens in Figma):• 100% Local & Secure: Your design drafts never leave your computer. Total privacy guaranteed.• Pixel-Perfect HTML: High-fidelity reproduction where styles and layouts precisely match your designs.• Developer-Friendly Structure: Generates clean HTML utilizing TailwindCSS, automatic Flex layouts, and logical row/column grouping.• On-the-fly Editing: Supports online editing of generated code, image grouping, and source code adjustments right inside the plugin.🔥 AI VibeCoding: Generate React/Vue with MCPNeed more than just HTML? The Sloth plugin is designed to work seamlessly with our local Sloth D2C MCP tool—install it with a single command:npm i -g sloth-d2c-mcpThe plugin acts as an intelligent bridge: it pushes the cleanly structured HTML, along with your advanced settings (framework selection, component mapping, prompt editing), directly to your local MCP server. This guides your AI Agents to write production-ready React or Vue code (VibeCoding) based on the exact design context—no cloud uploads, no rigid APIs.Sloth MCP: https://www.npmjs.com/package/sloth-d2c-mcpSloth D2C: Figma to HTML 是一款专为前端和设计团队打造的安全、智能工具。它能将您的 Figma 设计稿一键转换为干净、生产级别的 HTML 和 TailwindCSS 代码——完全本地运行，绝不上传任何设计资产。✨ 核心插件能力（在 Figma 内完成）：• 100% 本地与隐私安全：设计稿数据不上传云端，彻底解决企业隐私顾虑。• 高保真还原：样式与布局精准匹配设计稿，大幅降低手动编码与 UI 走查成本。• 贴近人工编写的结构：自动生成整洁的 HTML，原生支持 TailwindCSS、Flex 自动布局及行列智能分组。• 在线二次编辑：支持在插件内直接对生成的代码进行微调、图片编组等操作。🔥 进阶工作流：搭配 MCP 解锁 React/Vue 与 AI VibeCoding只需一行命令即可安装本地 MCP 服务：npm i -g sloth-d2c-mcp插件可作为前端工作流的核心桥梁，深度协同本地 Sloth D2C MCP 工具。它将高保真的 HTML 结构连同你的页面配置（框架选择、组件映射、提示词等）推送给本地 MCP 服务，精准引导 AI Agent 生成符合项目规范的 React/Vue 业务代码，完成真正的智能化 VibeCoding。全程本地运行，无需云端 API。Sloth MCP: https://www.npmjs.com/package/sloth-d2c-mcp