Figma to Compose

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 :)