Export Figma Design to React Native with Sizze, the first platform in the world.

Sizze
2 min readApr 29, 2021

Hello everyone! This is the Sizze team 🤓 Our task is to save engineers and developers from the routine of exporting design to code. Now it’s even easier with Figma integration.

New to Sizze?

Sizze is a low-code solution that allows front-end engineers to spend less time on routine work and faster to complete tasks, and designers without programming knowledge to create their own products.

We are obsessed with the future of design and programming every day, and here I will share the latest updates.

Sizze 3.0

Now, developers can export projects from all of our beloved Figma React, React Native code in just a few clicks, saving precious time. Sizze brings you clean, component-based code that we know developers love to use!

How do I export the code?

👉 3 easy steps to export your design to code with Sizze

1 Step

Go to the Sizze platform and connect your Figma account

Don’t forget to reload the page after connecting your Figma account

2 Step

Create a project and open the import window

3 Step

Go to Figma, copy the link to the project and paste it into the Sizze import modal window, choosing the screen you need.

🎉 Congratulations!

Now you are the owner of not only the design, but also its code.

What is not included in the current release:
- Central constraints (now only left and right ones work)
- Auto layout, which will later be converted to Flex structure in the code
- Exporting a Component Library from Figma to Sizze

Very soon we will delight you with these new products, but for now we will be glad to your feedback and wishes!

Don’t forget that we are in beta test 😉

As always, we love to hear your feedback!
Join the discussion or showcase your design on Telegram

sizze.io

--

--