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

1. Get a copy of the Material 2 Design kit components currently supported by our Beta.
2. Create your Figma designs with this kit and obtain the best results (example designs).

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

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

1. Join our Discord channel
2. Book a demo and get a 1-on-1 overview of our product
3. Email us at hello@codis.io