On this page
About Figma to Flutter, HTML, Next.js, and React
Figma to Flutter, HTML, Next.js, and React is a free Figma plugin published by DhiWise Pvt Ltd in 2021. It works in Figma Design and has 143,719 users and 1,316 likes on the Figma Community. It ranks #13 in Figma to Code on our lists.
In the developer's words
DhiWise Design Converter (rocket.new): Transform Designs into Code
Supports Flutter, HTML, Next.js, and React
Developer-centric code generation in minutes! ⚡
Elevate your application development by turning Figma designs into production-grade code within a few clicks, or design from scratch using our extensive library of design assets.
✨What is Rocket.new?
Rocket.new enables developers to seamlessly convert their designs into clean, modular, reusable, and scalable code for mobile and web applications.
Why choose us over other tools?
Rocket.new stands out in the development tools, providing a suite of features that enhance productivity and streamline the development process. Here’s why you should choose Rocket.new for your next project:
- Custom AI Models: Our platform leverages our custom VisionAI models and more than 2000+ custom in-house algorithms in a hybrid approach to accurately identify 100+ UI components to generate code for complex UI components such as sliders, tables, links in footers, and more.
- Clean Code Architecture: Ensures scalability and maintainability of your app.
- Rapid Deployment: You can download, and easily integrate the generated code of your application into your IDEs.
Join us on Discord for more.
For any feedback/suggestions, contact us at help@rocket.new.
What's new
Version 72 · released Jun 13, 2025
- Bug fixes and improvements
Permissions and privacy
Network access
Figma to Flutter, HTML, Next.js, and React can only connect to the 12 domains declared in its manifest: *.dhiwise.com, *.mixpanel.com, *.webflow.com, *.figma.com, *.discord.com, *.google.com, *.googleapis.com, *.amazon.com, cdn.jsdelivr.net, *.gstatic.com, *.gravatar.com and *.amazonaws.com.
- *.dhiwise.com
- *.mixpanel.com
- *.webflow.com
- *.figma.com
- *.discord.com
- *.google.com
- *.googleapis.com
- *.amazon.com
- cdn.jsdelivr.net
- *.gstatic.com
- *.gravatar.com
- *.amazonaws.com
Extra permissions
- Sees who else is in the file
- Reads your Figma name and avatar
Read from the plugin's published manifest.
Where Figma to Flutter, HTML, Next.js, and React ranks
Figma to Flutter, HTML, Next.js, and React alternatives
- 1
Figma to Code
by Bernardo Ferrari
2.3M users8.5KFreeCode Conversion Made Easy: Figma to Web & Apps
- 2
Anima
by Anima
1.8M users17KFreeAnima - AI Powered Design to code
- 3
Builder.io
by Steve Sewell
1.3M users23KFreeExport designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
- 4
Figma to HTML
by Figma2HTML
670K users6.7KFreeConvert Figma design to HTML
- 5
Figma to HTML with Framer
by Framer
612K users11KFreeConvert your Figma design to HTML code in seconds with Framer.
- 6
Locofy Lightning
by Locofy.ai
594K users5.3KFreeConvert Figma designs to code in a flash: React, React Native, Flutter, HTML/CSS, Angular, Next, Vue
Figma to Flutter, HTML, Next.js, and React FAQ
What does Figma to Flutter, HTML, Next.js, and React do?
Build mobile & web apps at blazing-fast speed with stable code quality and developer experience. It's a Figma plugin by DhiWise Pvt Ltd that runs in Figma Design.
Is Figma to Flutter, HTML, Next.js, and React free?
Yes. Figma to Flutter, HTML, Next.js, and React is free to install and run from the Figma Community, with no paid tier listed.
Is Figma to Flutter, HTML, Next.js, and React safe to use?
Figma plugins can only reach the internet through domains listed in their manifest. Figma to Flutter, HTML, Next.js, and React can only connect to the 12 domains declared in its manifest: *.dhiwise.com, *.mixpanel.com, *.webflow.com, *.figma.com, *.discord.com, *.google.com, *.googleapis.com, *.amazon.com, cdn.jsdelivr.net, *.gstatic.com, *.gravatar.com and *.amazonaws.com. As with any plugin, check the developer's privacy policy before using it on client work.
How do I install Figma to Flutter, HTML, Next.js, and React?
Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.
What are the best alternatives to Figma to Flutter, HTML, Next.js, and React?
By user count, the closest alternatives are Figma to Code, Anima and Builder.io. Compare all of them on the best Figma plugins for figma to code.
Built this plugin?
Use this page as a landing page for Figma to Flutter, HTML, Next.js, and React: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.
Style
Label
Size
Code
<a href="https://figmaplugins.co/plugins/figma-to-flutter-html-next-js-and-react/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Figma to Flutter, HTML, Next.js, and React on figmaplugins.co" width="220" height="48"></a>