Skip to content

Uploads, capture and files (Mobile)

Mobile packDomain

Mobile photo picker, camera, document scanner, upload progress, attachments, file lists, downloads and offline.

components
15
variants
51
recreations
3
themes
2

Also for desktop: Uploads, capture and files

What’s inside

15 sets across 9 patterns: a photo picker with limited access, camera and shutter, a document scanner, permission screens, upload rows and screens, attachment chips and a source sheet, file lists with selection, download rows and offline storage. The camera stays dark in every theme, and progress bars match the sizes they show. Every page has documentation and a live grid in Light and Dark, Comfortable and Compact.

  • Upload rows: queued, uploading, paused, done and failed
  • 3 recreations from Instagram, Revolut and Dropbox
  • Picker thumbnail, every variant

    Picker thumbnail

    3 variants

    • Default
    • Selected
    • Focus
  • Photo picker

    3 variants

    • Browsing
    • Selected
    • Limited access
  • Camera shutter, every variant

    Camera shutter

    4 variants

    • Photo
    • Pressed
    • Recording
    • Focus
  • Camera screen

    3 variants

    • Photo
    • Recording
    • Review
  • Document scanner, every variant

    Document scanner

    3 variants

    • Detecting
    • Edges found
    • Review
  • Permission screen, every variant

    Permission screen

    3 variants

    • Ask
    • Denied
    • Limited
  • Upload progress row, every variant

    Upload progress row

    Free sample

    5 variants

    • Queued
    • Uploading
    • Paused
    • Done
    • Failed
  • Upload screen

    3 variants

    • In progress
    • Done
    • With errors
  • Attachment chip, every variant

    Attachment chip

    4 variants

    • Uploading
    • Attached
    • Image
    • Failed
  • Composer with attachments

    2 variants

    • With attachments
    • Over limit
  • Attach source sheet

    2 variants

    • Sources
    • With recent photos
  • File row, every variant

    File row

    6 variants

    • Folder
    • Document
    • Image
    • Default
    • Selected
  • File list

    3 variants

    • List
    • Selecting
    • Empty
  • Download row, every variant

    Download row

    4 variants

    • Not downloaded
    • Downloading
    • Downloaded
    • Failed
  • Offline and storage, every variant

    Offline and storage

    3 variants

    • Downloads
    • Offline
    • Storage full
Figma file
SuperDuper Pack: Uploads, capture and files (Mobile)
Themes
Light and Dark
Densities
Comfortable and Compact
Also in the file
Usage and accessibility notes, motion specs, Figma variables
Covers 1 screen pattern
Camera & capture

How Instagram, Revolut and Dropbox do it

Recreations of real products, so you can compare approaches side by side. They are approximate, built from public product knowledge, with placeholder data and no third-party artwork.

  • Photo app camera, every variant

    Photo app camera

    Recreated from Instagram

  • Bank ID scan, every variant

    Bank ID scan

    Recreated from Revolut

  • Cloud files app, every variant

    Cloud files app

    Recreated from Dropbox

Not affiliated with, endorsed or sponsored by Instagram, Revolut and Dropbox. Their names are trade marks of their owners and are used only to say what each recreation is based on.

Upload progress row, every variant

See the upload progress row full size, free

An upload row queued, uploading, paused, done and failed. All 5 variants, free to see with a SuperDuperUI account. The Figma file comes with the pack.

  • Wallets, transactions and money movement

    Mobile13 components48 variants2 recreations

    Mobile balances, amount entry, send and request, transactions, cards, exchange, payouts and savings goals screens.

    $9, or included with Pro

  • Chat, messaging and calls

    Mobile17 components71 variants4 recreations

    Mobile chat list rows, message bubbles, receipts, composer, voice notes, media, reactions and call screens.

    $9, or included with Pro

  • Notifications and inbox

    Mobile9 components34 variants3 recreations

    Mobile notification patterns: inbox rows, bells with counts, unread markers, activity and action rows, push previews and banners.

    $9, or included with Pro

Questions about the uploads, capture and files pack

  • One Figma file: SuperDuper Pack: Uploads, capture and files (Mobile). It has 15 components with 51 variants, 3 recreations, and notes on when to use each part. Everything uses Figma variables, so you can change the colours and type to match your product.