Ukraine flag

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

Get Started (~ 2 minutes)

  • 1. Sign-up to Codis and verify your account

  • 2. Obtain an API Token (you will need this later).

  • 3. Install our Codis plug-in in Figma by clicking on the blue 'Try it out' button on the top right.

  • 4. Right click anywhere on a Figma file, then click on 'Plugins > Saved plugins > Codis.io - Design to Flutter AI Converter'. Once in the plugin, click on 'Settings' and insert the API Token.

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

Create your Figma designs / screens

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 Figma file, then click on 'Plugins > Saved plugins > Codis.io - Design to Flutter AI Converter'.

  • 3. Click on 'Start converting'.

  • 4. Check your design conversion request on the Codis Dashboard, wait for ~30 seconds, and click on 'Review'.

  • 5. Approve the result and gain access to your 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.

Help Center