Website to Figma
A live page rebuilt as editable Figma layers, with its components, styles and every section.
Tools
Point Livery at a website, an image or an app. It hands the design back as layers you edit in Figma, as a kit your coding agent installs, or as a Next.js project you run.
7 tools
3 open now
Any public page
A live page rebuilt as editable Figma layers, with its components, styles and every section.
Paste a URL. Livery measures the site and writes a kit your agent applies, with the reasons attached.
A live page written as a Next.js project: its sections as components, its pictures, fonts and motion.
Screenshots, boards, mock-ups
A screenshot or brand board becomes layers: real text, frames with their fills, logos as vectors.
The same reading written as a kit: its colours, type, radii and spacing, for your agent.
Any app on your Android phone
Every screen of an Android app as Figma frames, with a component library built from them.
Applivery takes an installed app apart on your phone and exports its design system as a kit.