appliveryGet the plugin

Applivery for Figma: an Android app's design, as variables, styles and pages

Send to Figma in the Applivery app: what becomes variables, styles and pages

From the phone
to your canvas.

Applivery takes an Android app apart on your phone. The plugin puts it back together in Figma: its colours as Light and Dark variables, its type as text styles, its components and screens, and its motion you can play.

Get the pluginGet the Android app

v0.1.132 · 221 KB · Free: colours, type, screens · Pro: assets and motion · Figma desktop

Try it

Press Import. Watch a kit become a Figma file.

The plugin's real steps for a kit sent from the app. Pick what comes in, import, then open any page of the file.

Reel kit0%

An empty file.

Pick what comes in, then press Import.

LImportReady
  1. DownloadWaiting
  2. Read the kitWaiting
  3. Prepare imagesWaiting
  4. Read each screen into layersWaiting
  5. Read recorded motionWaiting
  6. ColoursWaiting
  7. TypeWaiting
  8. ComponentsWaiting
  9. ScreensWaiting
  10. AssetsWaiting
  11. MotionWaiting
  12. Cover, Get Started, ChangelogWaiting

Press Import, or scroll and watch

⦿Cover✦Get Started≈Changelog✲Foundations❖Colours❖Type❖Spacing❖Motion✲Assets❖Icons⦿Cover✦Get Started≈Changelog✲Foundations❖Colours❖Type❖Spacing❖Motion✲Assets❖Icons
❖Images✲Components❖Chip❖Button❖Card✲Screens❖All Screens❖Home❖Detail❖Player❖Images✲Components❖Chip❖Button❖Card✲Screens❖All Screens❖Home❖Detail❖Player

How it gets there

From the app you studied to the file you design in.

  1. 01

    Send it from your phone

    In Applivery, open a kit → Export → Send to Figma. It uploads file by file, so big kits get there too.

    Send to Figma in the Applivery app: what becomes variables, styles and pages
  2. 02

    Pick it in Figma

    Open the plugin and sign in with the same account. Your kits are waiting, each in its app's colours.

    Your kits in the plugin, each in its app's colours
  3. 03

    Watch it build

    Choose what comes in and press Import. Every part shows its own progress, then you land on the cover.

    Importing: each part with its own progress

What lands in Figma

Real variables and styles. Not a screenshot of them.

Each part as Figma has it. Point at anything below: it selects like a frame and plays like the real thing.

  • Colours

    NAME
    role/background
    role/surface
    role/text
    role/text-muted
    role/accent
    role/border

    Colours, light and dark

    Free

    Every role and colour resource as a variable with Light and Dark modes. Switch a frame's mode and it restyles.

  • Type

    Aa

    Text styles

    Free

    Each text size as a style in the app's family, bound to size variables. Missing fonts fall back to Inter, and it tells you.

  • Screens

    Screens

    Free

    The screens you walked through, as frames at their real size, built from the kit's components.

  • Assets

    Assets

    Pro

    The app's icons as components and its images, ready to drag in.

  • Motion

    360ms · cubic-bezier(0.2, 0, 0, 1)

    Motion

    Pro

    Each measured motion as a card you play in Present, with its real curve and duration.

Install

In Figma in a minute.

It runs in the Figma desktop app, on any plan. Colours, type and screens are free; assets and motion come with Applivery Pro.

Get the pluginv0.1.132 · 221 KB · Figma desktop

Study it on the phone.
Design with it in Figma.

Get the plugin