Skip to content
Figma to Compose

Figma to Compose

by Caelum Forder

Generate idiomatic Jetpack compose code from Figma designs

FreeFigma

Installs

2,534

Likes

172

Users

9,478

Views

24,480

Preview

Figma to Compose preview

About this plugin

(beta, code won't exactly match input)Easily convert Figma designs directly to Kotlin code for Jetpack Compose. (Not affiliated with either of them)Often times designs contain non-repeated distances, colours and proportions. Replicating these designs can be very tedious, and discrepancies in design and implementation can lead to "split realities".

Primarily, this is to cut out taking measurements, reduce design-implementation back and fourth and save time/energy even when the designer and implementer are the same person.

The code outputted may be pretty verbose, but each Figma Component creates a Jetpack Composable function, making the output very easy to refactor in small chunks.

Note: You need to be running the server (https://github.com/CaelumF/FigmaToCompose)Please don't hesitate to create an issue or send me an email for anything that doesn't work or if there's a feature you'd like :)

More software development plugins

View all