Back to Plugins
Fiddle: Prototype & Animate in Code
Convert your designs to HTML + Tailwind
Plugin Preview
About this plugin
Fiddle helps you:
- Generate clean, responsive code from Figma designs in real-time.
- Add and edit animations with prompts
- Export as code
Instructions to add & edit animations with Gen UI Panels:
- Click the Animate button in the header
- Describe your animation
- Use the custom Gen UI editor panel that Fiddle generates to control the details of the animation!
Share feedback on Discord: https://discord.gg/fYUTpD86vu
Plugin Details
| Version | 9 |
|---|---|
| Created | January 26, 2025 |
| Last Updated | May 30, 2025 |
| Category | Software development |
| Creator | viba mohan |
| Stats | 374 installs, 7 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
- Editor Types:figma
- Allowed Domains:
- https://anthropic-proxy-kappa.vercel.app
- https://api.imgur.com
- https://i.imgur.com
- Codegen Languages:
- HTML(html)
- React (JSX)(html_jsx)
- Tailwind(tailwind)
- Tailwind (JSX)(tailwind_jsx)
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
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI