Figma to Website(Powered by EdgeOne Pages)
Transform your Figma designs into ready-to-deploy websites with one-click publishing
Plugin Preview
About this plugin
Convert your Figma designs into clean, responsive HTML code and publish them instantly to the web. This plugin bridges the gap between design and deployment.
Key Features:
• One-click code generation with Tailwind CSS styling
• Instant web publishing to EdgeOne Pages
• Responsive design preservation
• Real-time preview before publishing
• Copy-friendly code output
Perfect for designers, developers, and teams who need rapid design-to-web workflows for prototyping, landing pages, and showcasing interactive designs.
Based on the open-source Figma to Code project(https://github.com/bernaferrari/FigmaToCode), with hosting powered by EdgeOne Pages(https://edgeone.ai/products/pages).
Explore the source code at: https://github.com/TencentEdgeOne/figma-to-website
Plugin Details
| Version | 3 |
|---|---|
| Created | May 26, 2025 |
| Last Updated | May 28, 2025 |
| Category | Software development |
| Creator | edgeone_developer |
| Stats | 31 installs, 22 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:apps/plugin/dist/index.html
- main:apps/plugin/dist/code.js
- Document Access:dynamic-page
- Network Access:
We need access to mcp.edgeone.site to publish generated code
- Editor Types:figma
- Allowed Domains:
- https://mcp.edgeone.site
- https://placehold.co
- Codegen Languages:
- Tailwind(tailwind)
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.