Figma Flow
Bring your Figma screens, components, and styles into LVGL as clean, editable UI files. You design, and LVGL Flow handles the translation.
Design your interface in Figma the way you always have. LVGL Flow for Figma reads your file (screens, components, colors, fonts, spacing) and turns it into LVGL XML files you can open, run, and refine in LVGL Pro Editor.
You don't write any code to get started. You design; the plugin and the Editor do the translation. And because a developer stays in control of the final structure, nothing you hand off ever locks them in.
LVGL Flow for Figma workflow requires LVGL Pro Editor v2.0.0+ to work.
Start here
What you can do
Add intent
Tell the plugin what a layer really is (a slider, a switch, a label) and point live layers at their data.
Inspect styles
Read any layer's LVGL style and copy it straight into your XML.
Export your work
Send your tokens, components, screens, or whole prototype flows to the Editor.
How it fits together
There are two halves. The plugin lives in Figma and reads your design. The service lives inside LVGL Pro Editor and writes the LVGL files to your project. They talk to each other on your own machine.
Last updated on