What’s in the Uber Eats file?

202 editable screens across 30 areas of the app, 22 flows in recorded order and 75 components with their variants. Layers are named, colours are variables and text uses styles, so you can edit, restyle and reuse any screen.

A complete Uber Eats flow is free in the Figma plugin, like one from every app, and all of WhatsApp. Your first screen needs nothing. Your email unlocks the rest. No card needed.

Should I buy this app or subscribe?

Buy Uber Eats for $69 if it is the only app you need: you get its .fig file to keep. Subscribe for $20 a month, billed $240 a year, if you want every app and the new ones as they are added.

Is this Uber Eats’s own design file?

No. SuperDuper UI rebuilt these screens in Figma for design reference and education. We are not affiliated with, endorsed or sponsored by Uber Eats, and the name is a trade mark of its owner. Rights holders can contact us and we reply within 2 working days.

Uber Eats

The Uber Eats iOS app, rebuilt in Figma as a working library. Every screen is editable, every component is real and every colour is a variable.

screens: 202
flows: 22
components: 75
icons: 19

Step through a flow, then import it

22 flows, each in the order it was recorded. Pick one and play it screen by screen, then paste the whole flow into Figma.

Step 1 of 30

Launch

How you get here: Slides in from the right

Import this flow

Open the SuperDuper UI plugin in Figma to paste these 30 screens into your file as editable layers.

Open the full flow page

All 30 steps

Use ← → to step through

Every screen, grouped by app area

Paste any screen into your file with the plugin. All of WhatsApp and a complete flow from every app are free.

Paste with the plugin
Launch 1
Paste with the plugin
Launch 2

The foundations come with it

Components, colours and type are Figma components, variables and styles, so you can re-theme every Uber Eats screen in one go.

Components

75 components with their variants, used across every Uber Eats screen.

Input mobile number
Input mobile
Input number
Input code blocks
Input code
Input cell text
Input search
Input payment
Input single cell
Input single
Cell country
Cell payment method

Colours

Colour variables with light and dark modes, so you can re-theme every screen in one go.

Type and icons

Text styles for every size, plus 19 icons as components.

Real apps, rebuilt
in Figma.

Other libraries give you a picture of the screen. We give you the file: named layers, real components and variables you can change.

Airbnb · Cancellation policy

LayersAssets

Cancellation policy
Nav bar
Title
Intro
Policy row
Policy row
Refund rule
Link

screenshot.pngEditable Figma file

9:41

Cancellation policy

Before you book, make sure you’re comfortable
with the Host’s cancellation policy. Keep in mind
that Airbnb’s Extenuating Circumstance policy
doesn’t cover cancellations due to illness or
travel disruptions caused by COVID-19.

Cancel by

25 Oct