Mobile file and media import flow examples

File and media import flow examples

Step 1 · 4:25
See the flow
AI Summary - Meeting Notes
A modal overlay centered on a dashboard screen containing a header, navigation tabs, and a list of notes.
Step 2 · 4:27
See the flow
AI Summary - Meeting Notes
Top navigation with cancel button, followed by a title, a text input field, and a language selection card.
Step 3 · 4:29
See the flow
AI Summary - Meeting Notes
Top navigation bar with Cancel, header title, input field, language selection card, and a centered system permission modal.
Step 4 · 4:31
See the flow
AI Summary - Meeting Notes
Top navigation with cancel button, followed by a title, a text input field, a language selection card, and a bottom primary action button.
Step 5 · 4:34
See the flow
AI Summary - Meeting Notes
The screen is organized vertically with a header, input field, language selection card, a central progress modal, and a bottom action button.
Step 6 · 4:52
See the flow
AI Summary - Meeting Notes
Top navigation bar, title and timestamp, embedded video player, segmented tabs, and a central progress card with status steps.

Step 1 · 0:45
See the flow
PDF Scanner AI: Scan Documents
Top navigation bar, central illustration with instructional text, primary action button at the bottom, and a bottom navigation bar.
Step 2 · 0:46
See the flow
PDF Scanner AI: Scan Documents
Top navigation bar, central illustration, bottom-aligned modal action sheet with list of options.
Step 3 · 0:53
See the flow
PDF Scanner AI: Scan Documents
Top navigation bar, search bar, grid of document thumbnails, bottom action bar.
Step 4 · 1:02
See the flow
PDF Scanner AI: Scan Documents
The screen is vertically centered with a title at the top, a three-step progress indicator in the middle, and a graphic element at the bottom.

Step 1 · 1:42
See the flow
Layout for Instagram・Inpreview
A central system permission modal is centered over a grid-based feed planning interface.
Step 2 · 1:47
See the flow
Layout for Instagram・Inpreview
Header with profile info, followed by a 'New' button, a tab navigation bar, and a 3x4 grid of content previews.
Step 3 · 1:53
See the flow
Layout for Instagram・Inpreview
Top navigation bar followed by a multi-column image grid, with a bottom modal sheet overlay.
Step 4 · 2:02
See the flow
Layout for Instagram・Inpreview
Top navigation bar followed by a multi-column grid of media thumbnails, with a bottom selection summary modal.

Step 1 · 5:06
See the flow
Wallcraft – Wallpapers, live
Top navigation bar, central image upload area, tag input field, terms checkbox, and a bottom primary action button.
Step 2 · 5:10
See the flow
Wallcraft – Wallpapers, live
Top navigation bar with cancel and tab switcher, followed by a search bar, a privacy information banner, a grid of photo thumbnails, and a bottom toolbar.
Step 3 · 5:19
See the flow
Wallcraft – Wallpapers, live
Full-screen image background with a centered grid overlay and top-aligned navigation controls.
Step 4 · 5:35
See the flow
Wallcraft – Wallpapers, live
Top navigation bar, central image preview, tag input field, terms checkbox, and bottom primary action button.
Step 5 · 5:44
See the flow
Wallcraft – Wallpapers, live
Top navigation bar, central image preview, tag input field, terms checkbox, and bottom confirmation button.

Step 1 · 0:31
See the flow
Equalizer - Volume Booster EQ
A modal overlay centered on a background page with a header and list items.
Step 2 · 0:38
See the flow
Equalizer - Volume Booster EQ
A header with a back button and title, followed by three grouped sections (Local, Cloud, Airdrop) containing list items.