Pieces/Upload

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

brand-guidelines.pdf12.4 MB · 68%

File Upload Card

upload1

File tile with icon, name, size, and an inline progress bar.

Drag files to uploador click to browse your device

Drop Zone

upload2

Dashed upload surface centered on a cloud icon, with headline, subtitle, and a select button.

Attach supporting documents

Compact Attach

upload3

Single-line upload affordance with a paperclip icon, prompt copy, and a trailing browse button.

Drop to uploadRelease anywhere in this area

Drag Over State

upload4

Highlighted drop surface tinted sky with a pulsing wash, download chip, and release-to-upload cue.

Profile photo
Change profile photo

Avatar Uploader

upload5

Circular avatar with a dark camera button on the corner that invites a new profile photo.

Add a cover imageRecommended 1600 × 600, up to 4 MB

Cover Uploader

upload6

Gradient banner placeholder that prompts a cover image with size hint and inset dashed border.

https://www.figma.com/design/wQb4…

URL Import

upload7

Link-prefixed text field with a joined import button for pasting shareable URLs.

Upload artwork
PNGJPGSVGWebP
Up to 10 MB

Formats Drop Zone

upload8

Upload prompt that lists accepted formats as mono pills beside a size-limit caption.

Import from

Cloud Sources

upload9

Vertical source picker with branded tiles, account hints, file counts for connected services, and a Connect pill for the rest.

Scan the receiptPoint the camera at the total line

Camera Capture

upload10

Dark viewfinder mock-up with corner brackets, a live dot, and a large circular capture button.

Paste an image from your clipboardScreenshot, copy, and press the shortcut to drop it here.
+V

Paste From Clipboard

upload11

Dashed panel encouraging a paste gesture, with a tinted clipboard tile and ⌘V hint chip.

campaign-edit-01.mov184 MB of 312 MB · 12.4 MB/s
59%10s left

Upload Progress

upload12

Single-file upload row with size counter, live speed, pause and cancel controls, and a gradient bar.

brand-guide.pdf4.2 MB
hero-video.mov
logo-dark.svg18 KB
pricing.xlsx2.1 MB

Multi-File Queue

upload13

Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.

Q2-forecast-final.xlsx2.1 MB · Uploaded 2 seconds ago

Upload Complete

upload14

Success confirmation row with an emerald border, corner check overlay on the file tile, and an Open button.

team-retreat.mov612 MB
File exceeds 500 MB upload limit

Upload Error

upload15

Failed-upload card with a rose-tinted file row, an alert message in its own box, and a Retry button.

keynote-rehearsal.mp4Paused · 212 MB left

Upload Paused

upload16

Paused-upload row with an amber Resume button and a static amber progress track matching the state.

raw-footage-reel.mp458%
Chunked upload · 16 MB parts9 / 16 done

Chunked Upload

upload17

Parallel chunk uploader visualizing 16 part tiles tinted by done, uploading, or pending states.

Image Preview
brand-hero.jpg2400 × 1600 · 1.4 MB

Image Preview

upload18

Uploaded-image card with a dashed crop overlay on a gradient placeholder and rotate, crop, delete tools below.

Uploading 24 files9.2 MB/s overall
74%
18Done
3Uploading
3Queued

Batch Summary

upload19

Aggregate upload card with a total-files header, a single sky bar, and a done, uploading, queued tally.

+20
Recent uploads24 items

Upload Stack

upload20

Compact upload summary with four overlapping thumbnails, a +N overflow tile, and a total item count.

design-archive.zipInterrupted 4 minutes ago
42%
Resume from 132 MB

Resume Upload

upload21

Interrupted-upload card with an amber state, half-filled bar, resume byte offset, and a Resume button.

2026-msa-final.pdf2.1 MB · Edited 2 hours ago

File Row

upload22

File manager row with a rose PDF tile, metadata line, owner avatar, and a more-actions button.

Image Row
brand-hero.jpg2400 × 1600 · 1.4 MB

Image Row

upload23

Compact image file row with a square warm gradient preview and a filename plus dimensions line.

Video Preview
0:42
launch-teaser.mp454 MB

Video Preview

upload24

Uploaded-video card with a play button over a dark thumb, duration badge, and a filename footer.