[Sun*] Weaver HTML Converter
html, tailwind, antdesign, code, animated, component design
Plugin Preview
About this plugin
1. Select a frame in your Figma canvas.
2. Click "Import Selected Frame from Figma" in the plugin.
3. Wait for the AI to generate your code.
4. Use the chat interface to refine the result (e.g., "Make the buttons blue", "Add a fade-in animation").
5. Click Download .zip to export your website.
Features
Figma to HTML: Import your selected Figma frame directly into the plugin.
AI Generation: Uses Google Gemini to analyze your design and generate high-quality, responsive HTML/CSS.
Interactive Refinement: Chat with the AI to refine the design, add animations, or change styles.
Multi-Page Support: Create and link multiple pages for a complete website prototype.
Session Persistence: Your work is automatically saved and restored when you reopen the plugin.
Export: Download your project as a `.zip` file containing all HTML and assets.
Plugin Details
| Version | 14 |
|---|---|
| Created | November 19, 2025 |
| Last Updated | November 26, 2025 |
| Category | Import & export plugins |
| Creator | [Sun] Duc Pham(ドゥック) |
| Stats | 0 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://cdn.tailwindcss.com
- https://cdnjs.cloudflare.com
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://generativelanguage.googleapis.com
More Like This
Discover other plugins in the Import & export plugins category.
html.to.design — by ‹div›RIOTS — Import websites to Figma designs (web,html,css)
Convert any website into fully editable Figma designs
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Figma to HTML
Convert Figma design to HTML