Ukraine flag

We stand with Ukraine. To support Ukraine visit this official webpage.

Get Started (~ 2 minutes)

  • 1. Request an invitation code to join our private Beta.

  • 2. Sign up for free by inserting the invitation code and creating an account.You will then receive an API token in your email.

  • 3. Access the Figma community, search for the plug-in 'Codis.io' and click on 'Try it out'. Direct link here here

  • 4. Go to your Figma file, right click anywhere on the file, click on 'Plugins', 'Installed plugins', 'Codis.io – Design to Flutter AI Converter'. Once in our plugin, go to the 'Settings' tab and insert the API Token received.

  • That's it! You're ready to go!

Convert your Designs into Code (~1 min)

  • 1. Select one frame at a time on the left-hand side of your Figma file.

  • 2. Right click anywhere on the file, click on 'Plugins', 'Installed plugins', 'Codis.io – Design to Flutter AI Converter'.

  • 3. Once in the plugin, go to the 'Converter' tab, review the name of your frame, and click on 'Start converting'.

  • 4. Check your design conversion request in the Codis.io Dashboard.Click on 'Review' and compare your requested design to the rendered result.

  • 5. Accept the rendered result and obtain the production ready code.

Material Design Figma Logo

  • Material is an adaptable design system created by Google — and backed by open-source code—that helps teams easily build high-quality digital experiences. Click here for more information on Material Design.

  • Our BETA: product currently converts Material 2 Designs into Flutter widgets. Conversion of Material 3 Design is in progress.

  • Get a copy of Material 2 Design for Figma in the following link and start automatically generating your Flutter code with Codis.io.

Help Center