Figma to Compose
by Caelum Forder
Generate idiomatic Jetpack compose code from Figma designs
Installs
2,534
Likes
172
Users
9,478
Views
24,480
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 allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.