Back to Plugins
Figma2Flutter

Figma2Flutter

Convert your Figma deigns into cross platform Flutter apps

androidicsno codeiosappbostonuxwebflutterfigma-to-codegenerationwindowsprototypedartcode

Plugin Preview

Figma2Flutter preview

About this plugin

Import a Figma design file directly into Flutter without recreating the design by hand. Transfer the design together with auto generated UI widgets for the target platform in Flutter.


With Figma2Flutter, you can turn your design into a working application in minutes. Use the Figma2Flutter plugin to annotate your UI components with as screens, pop ups, menus, etc., and just click Export to get a working Flutter project you can compile and run.


Figma2Flutter captures layouts, fonts, and colors, and uses Figma’s prototype features, such as interactions to generate your application. Think of it like a preview that you can turn into a real application.


Flutter is designed to work on multiple platforms by using the same code base, so whatever you’re designing, Flutter has you covered, whether it is a website, an iOS/Android app or even Desktop Windows, Linux and MacOS app.


For more information head over to the official Figma2Flutter website.

Plugin Details

Version8
CreatedMay 23, 2022
Last UpdatedMay 10, 2024
CategoryImport & export plugins
CreatorBostonUX
Stats1711 installs, 297 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:hub.js
  • Editor Types:
    figma
  • Allowed Domains:
    • http://localhostDev
    • http://localhost:1389Dev
    • https://f2f.bostonux.com
    • https://o.ics.comDev
    • https://stagingf2f.bostonux.comDev