Pieces

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.

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.

Crop Frame1200 × 630

Crop Frame

upload25

Minimal crop overlay on a small square image with corner marks and an output-size chip.

Scanning page · 3 / 5

Document Scanner

upload26

Dark scanner viewfinder with a live chip, page counter, corner guides, shutter, and a captured-pages thumbnail strip.

Organize uploads
Brand assets124
Press kit 202638
Product screenshots212
Archive · 202596

Folder List

upload27

Reorderable folder list with a drag handle, amber folder icon, and an item-count column on the right.