How To Convert Figma UI To Flutter Widgets

Photo by v2osk on Unsplash

Sometimes, we just want the designed UI directly into the app without much hassle of writing code and fixing the bugs.

No, doubt. There are other applications/software e.g. Adobe XD which provides plugins like xd to flutter to directly convert the UI designed in Adobe XD to Flutter Application.

Credits: — Avocode and Figma

Now, there is another application/software in this competition of UI. That’s Figma, A vector graphics editor, and prototyping tool. It provides great tools and easy User Interface to design Android and iOS-based UI and allows us to view the prototypes on mobile devices.

Credits: — Figma

Figma-to-flutter is a dart code generator (for flutter UI) that converts Figma components to Flutter widgets.

Visit here to check the repo and web version as well

Hi, I am enthusiast programmer and electronics hobbyist

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store