Codis

Please support us on Product Hunt >>

Promoting automated way to create Flutter screens and widgets from Figma.

Codis enables developers and engineering teams to accelerate and scale their software development:

• Speed up design implementation by 80% and obtain re-usable code
• Keep the code ownership and customizability
• Increase UI consistency across all platforms

We are exited to announce Public Beta lunch! Speed up your Flutter development with our Figma to Flutter converter.

Codis currently converts Figma Material Design v2 kit into Flutter screen and widgets. Conversion of any Material Design v2 and v3 components is in progress.

However, we will soon be able to convert any of your Figma designs into production-ready code.

With Codis Figma plugin you can choose a Figma design and send to Codis for Flutter widgets generation.

Tech stack: ReactJS, TypeScript and Bulma - CSS framework that really speed up React app comparing to React based UI libraries.

JSON to Flutter generator is one of our core functionalities. The generator is the final step of Flutter widgets creation from ML classified and grouped data.

In addition, the JSON to Code interface makes Codis simply extendable to another languages and Frameworks in future.

Tech stack:

• Dart, Flutter

Development of our Figma Plugin v1.0 is completed! Our plugin lets to send all data of a selected Frame that Codis can use for generating Flutter code.

Tech stack: ReactJS, TypeScript and Bulma - CSS framework that really speed up React app comparing to React based UI libraries.

The first commit has been pushed to the Codis.io web site git repository. The Figma to Flutter converter development has been started!

Why Figma?

It is the most popular collaborative interface design tool. As Codis, Figma is focused on scaling team work. It has a rich API that interacts programmatically with a design.

Why Flutter?

It is the fastest growing cross-platform framework. It enables accurate cross-platform design implementation. Presents a widget based UI that allows designs to be split into smaller parts and handle them in parallel.