Interactive studio

Asset Library — live workspace

Every image and video you upload, listed, previewed, and one click from your canvas. Every control below is live: configure, run, and watch the results.

Live workspace Ready

Try it: browse your asset library

No output yet.
Configure the controls above, then press Run — your result appears here.

Onboarding checklist

  1. Use the filter to narrow the library to images, videos, or everything at once.
  2. Each card shows a thumbnail (or a kind badge for videos), the filename, the asset ID, and the dimensions.
  3. Click Copy ID to copy an asset's ID to your clipboard.
  4. Paste the ID into the add-image tool to place that asset onto any design.

Steps tick themselves off as you work — or tap any step to toggle it.

Asset Library techniques

Altneve collagen supplements on navy blue background — Every upload, searchable in one place
Every upload, searchable in one place
A person using an imac — Stock and uploads side by side
Stock and uploads side by side
Elegant modern interior with marble facade — Find the right file in seconds
Find the right file in seconds
Abstract swirl design in green and yellow tones — A library that grows with your work
A library that grows with your work

Every image and video you upload to photoaicompany lands in your personal asset library — a single organized shelf for your logos, product shots, background photos, and video clips. The List Assets tool shows you exactly what is on that shelf: thumbnails, filenames, unique IDs, and pixel dimensions.

The filter makes a large library manageable. Working on a flyer and only need photos? Switch to Images only and the videos drop out of view. Each asset's ID is one click away, so moving from browsing to designing is frictionless — copy the ID, head to the add-image tool, and the asset lands on your canvas at full resolution.

Your library is stored locally in your browser. That keeps browsing instant and private — no uploads, no accounts, no waiting. The full photoaicompany editor syncs this same library to your account so it follows you across devices.

How it works

  1. Use the filter to narrow the library to images, videos, or everything at once.
  2. Each card shows a thumbnail (or a kind badge for videos), the filename, the asset ID, and the dimensions.
  3. Click Copy ID to copy an asset's ID to your clipboard.
  4. Paste the ID into the add-image tool to place that asset onto any design.

Tips

  • Copy the asset ID straight into the add-image tool — no re-uploading needed.
  • Filter to Images only when you are assembling a photo layout to cut through the noise.
  • Dimensions on each card tell you at a glance whether an image is big enough for a print-size canvas.

What it costs

Free on this site — and it can't be metered. Asset Library uses no AI and runs entirely in your browser: no usage counters, nothing sent to our servers to bill. When credit metering arrives in the app, local operations like this one will never consume AI credits — only server-side AI generations will.

Frequently asked questions

Where do my assets come from?

Through the upload-asset tool. Upload an image or video and it is stored in your browser's asset library, where it gets a unique asset ID.

Can I use a video asset in my design?

Videos stay in your library with their filename and dimensions recorded. Place images onto your canvas with the add-image tool; video placement is handled per-export in the full photoaicompany editor.

Is my asset library synced anywhere?

No. Your library lives in this browser only, which keeps everything free and private. The full photoaicompany editor syncs the same library to your account across devices.

Related media tools

See the transformation

Asset Library — before & after

Professional studio lighting equipment — before Asset Library
Red and black abstract painting — after Asset Library
BeforeAfter photoaicompany

Drag the handle — it glides with physics when you let go. Asset Library, transformed in one pass.

Watch it work

See Asset Library in motion

Drag the cards, scroll the scene — the tool explains itself.

InputTransformOutput
Man browsing pexels on an imac — Asset Library motion card

A canvas that keeps upAsset Library — frame 1 of 4

Business plan on a pad — Asset Library motion card

Type that performsAsset Library — frame 2 of 4

Close up of assorted artist paintbrushes in holder — Asset Library motion card

Photos with presenceAsset Library — frame 3 of 4

Marketing slogan on paper — Asset Library motion card

Export without fearAsset Library — frame 4 of 4

Drag the cards — they glide with inertia. Scroll — the blob morphs and the dot traces the flow.

The full walkthrough

How Asset Library works, step by step

Browse your photoaicompany asset library — filter images and videos, preview thumbnails, and copy asset IDs for use in your designs.

1

Filter by type

Filters are lighting directors: they set the mood of a photo in one move. The trick is restraint — the best filter is the one nobody names. Adjust one thing at a time: exposure first, then warmth, then contrast. Stacking blind presets muddies photos.

Pro tip: Warm grades feel friendly, cool grades feel premium. Pick the feeling first.

Asset LibraryText
Close up of black camera — Asset Library annotated figure
1:14:516:99:16
Step 1: Filter by type — Asset Library, annotated
  1. 1
    Filter by type control This is where you set filter by type — changes preview live on the canvas.
  2. 2
    Live canvas Every adjustment renders instantly — what you see is what exports.
  3. 3
    Result Happy with it? The design updates in place, ready for the next step.
2

Update the list after uploading

The Upload control brings your own imagery into the design. Real photos beat stock when the subject is your product, your team, or your place. Uploads land as new layers, so you can resize, filter, and reposition them without touching anything else.

Pro tip: Name uploads descriptively — future-you will thank present-you in the layers panel.

photoai.company/version
Book computer accessories on desk — Asset Library annotated figure
Asset LibraryFrames · Masks
Shadow
Rotate
Adjust
Step 2: Update the list after uploading — Asset Library, annotated
  1. 1
    Update the list after uploading control This is where you set update the list after uploading — changes preview live on the canvas.
  2. 2
    Live canvas Every adjustment renders instantly — what you see is what exports.
  3. 3
    Result Happy with it? The design updates in place, ready for the next step.
Know your workspace

Anatomy of the Asset Library workspace

Five regions do all the work. Learn them once and every tool on this site feels familiar.

Asset Library — untitled.pacGrid
HistoryMasksFlipEffectsCrop
Professional video editing workspace with keyboard — Asset Library annotated figure
Text
Styles
Resize
Share
Anatomy of the Asset Library workspace
  1. 1
    Toolbar Every tool lives here — pick one and the canvas listens.
  2. 2
    Canvas Your design, live. Drag, resize, and edit directly.
  3. 3
    Layers The stack your design is built from — top wins.
  4. 4
    Export One click sends the finished design out as PNG, JPG, or PDF.
  5. 5
    Properties Fine-tune whatever is selected, right where you work.
Level up

Asset Library techniques that look professional

Four field-tested techniques, each shown on real photography. Steal them all.

Low angle view of lighting equipment on shelf — Asset Library technique
Finish means exported. A design in the editor is a draft; shipped is the only done that counts. Try it on your next Asset Library project and compare the result.
Silver and black pens on a black surface — Asset Library technique
Document the decisions. Note why the palette, type, and layout were chosen — future-you inherits the reasoning. Asset Library rewards this discipline more than most tools do.
Fashionable woman posing in studio with bold makeup — Asset Library technique
Less, but better. Remove one element and see if the design improves — repeat until it stops improving. Inside Asset Library, this single habit pays off fast.
Person holding midnight black samsung galaxy s8 turn on near macbook pro — Asset Library technique
Compare against the best, not the average. Measure your work against the feeds you admire — comfort with average is the real competitor. This is doubly true when the job is Asset Library.
Avoid the traps

Three mistakes to avoid with Asset Library

✕

Everything emphasized

Bold, color, size, and underline on the same words cancel each other out. Fix: pick one emphasis per element.

✕

Centered paragraphs

Centering suits headlines; long centered paragraphs tire the eye. Fix: left-align anything over two lines.

✕

Tiny text on busy photos

Small type disappears into photographic detail. Fix: grow the size, add a soft scrim behind it, or move the copy to a quiet zone.

End to end

A complete Asset Library workflow

Five moves, start to shipped. This is how the work actually flows.

  1. 1

    Start in the editor

    Open a blank canvas or a template — Asset Library works on anything with pixels. The tool never asks you to start over.

  2. 2

    Do the core move

    Run Asset Library the way the walkthrough above shows. Get the big decision right before touching details.

  3. 3

    Refine with a second tool

    Pair it with All tools — tools compose, and two simple moves beat one complicated one.

  4. 4

    Check it on a phone

    Most designs are consumed on phones. Preview small, fix what breaks, then continue.

  5. 5

    Export and ship

    Export in the format your destination wants, keep the master design, and move on to the next one.

Good to know

More Asset Library answers

What’s the single most useful tip for Asset Library?

Copy the asset ID straight into the add-image tool — no re-uploading needed.

What do beginners get wrong with Asset Library?

Filter to Images only when you are assembling a photo layout to cut through the noise. Start simple, then layer on complexity once the basics feel automatic.

Is Asset Library really free?

Yes — Asset Library is free to use in your browser, and your work saves to your account. Premium plans add AI credits, team features, and higher export limits; the tool itself never holds your design hostage.

Visual guides

Every fact, visualized

Ten detailed infographics — every number real, every label earned. Built for Asset Library, only on this page.

How Asset Library worksThe exact control order, from blank canvas to finisheddesign.1Filter by typeSet filter by type and watch the canvas answer instantly— every control in this tool previews live.2Update the list after uploadingSet update the list after uploading and watch the canvasanswer instantly — every control in this tool previewslive.
Asset Library step-by-step workflow
Anatomy of the Asset Library workspaceFive regions do all the work — learn them once.ToolbarEvery tool lives here. Pick one andthe canvas listens.CanvasYour design, live. Drag, resize, editdirectly.LayersThe stack your design is built from —top wins.PropertiesFine-tune whatever is selected, rightwhere you work.TemplatesStarting points that are 70% rightbefore you touch them.ExportOne click out as PNG, JPG, PDF, orMP4.
Asset Library workspace anatomy
Export formats, decodedPick the format your destination actually wants.PNG — crisp graphicsText, logos, transparency. The default for anything withletterforms.JPG — photosSmall files for photographic images. Never for text-heavygraphics.PDF — print & documentsMulti-page, print-ready, keeps vectors sharp at any size.MP4 — motionAnimated designs and video exports for social and ads.
Asset Library export guide: the right format, every time
Which format for which jobA quick matrix — screenshot it.PNGJPGSocial graphics with text✓Photographic posts✓Print flyers✓Video & animation
Which format for Asset Library: the quick matrix
Asset Library vs doing it manuallyWhat the tool actually saves you.✓Runs entirely in your browserNo install, no updates, no disk space sacrificed.✓Free tier that is a real workspaceNot a trial — the editor, templates, and core tools stayfree.✓Every control previews liveChange a setting and see the result instantly.✓Templates + AI assistance built inStart from 70% done instead of a blank canvas.✓One-click export in every formatPNG, JPG, PDF, MP4 — sized for each placement.
Asset Library advantages
Keyboard shortcuts that pay offLearn these once — they work across the whole editor.Ctrl/⌘ + ZUndo. The most-usedshortcut in any creativetool.Ctrl/⌘ + C / VCopy and paste anyelement, across designs.Ctrl/⌘ + DDuplicate the selectionin place.DeleteRemove the selectedelement instantly.Ctrl/⌘ + SSave your design rightnow.+ / −Zoom the canvas in andout.
Shortcuts that speed up Asset Library
Contrast rules that keep text readableReal standards, not opinions.4.5 : 1 — body text minimumWCAG AA: regular text needs this contrast against itsbackground.3 : 1 — large text minimumHeadlines 24px+ (or 19px bold+) get a lower bar — still abar.Grayscale testConvert mentally to gray: if the text vanishes, the colorfailed.Scrim rescueA soft dark veil behind white text saves impossiblephotos.
Contrast rules for Asset Library text
Mistakes → fixesThe three traps, and the way out of each.✓Centered paragraphsCentering suits headlines; long centered paragraphs tirethe eye. Fix: left-align anything over two lines.✓Text touching the edgesCopy crammed against the canvas edge feels accidental.Fix: give every text block breathing room — margins arefree.✓One design for every placementA square post stretched into a story looks broken. Fix:resize deliberately for each destination.
Asset Library mistakes and fixes
Where Asset Library earns its keepFour jobs this tool was born for.SocialPosts & storiesSized right,exported sharp,shipped daily.BrandMarketing assetsOn-palette,on-font, everysingle time.DocsPresentationsSlides andone-pagers thatlook designed.PrintFlyers & cardsPDF export keepsevery edge crisp.
Asset Library use cases
Quick answersStraight from this page — no digging required.Where do my assets come from?Through the upload-asset tool .Upload an image or video and it isstored in your browser's assetlibrary, where it gets a unique assetCan I use a video asset in mydesign?Videos stay in your library withtheir filename and dimensionsrecorded. Place images onto yourcanvas with the add-image tool ;Is my asset library syncedanywhere?No. Your library lives in thisbrowser only, which keeps everythingfree and private. The fullphotoaicompany editor syncs the same
Asset Library quick answers

Live telemetry

ASSET LIBRARY — CAPABILITY TELEMETRY

Live counts from this page · hover any bar

0Form controls
0Guided steps
0Pro tips
0Use cases
Breakdownlive
Content
Style
Content
Style
Cumulative depthlive
Lab controls: 2Lab controls+ Steps: 6+ Steps+ Tips: 9+ Tips+ FAQs: 12+ FAQs+ Use cases: 18+ Use cases

Complete guide

Everything Asset Library can do

The full capability picture — features by plan, every control explained, real use cases, and the spec sheet.

Feature availability

Every capability of this tool, and which plan includes it.

CapabilityFreeProBusiness
Use the filter to narrow the library to images, videos, or everything at once.✓✓✓
Each card shows a thumbnail (or a kind badge for videos), the filename, the asset ID, and the dimensions.✓✓✓
Copy ID to copy an asset's ID to your clipboard.✓✓✓
Paste the ID into the add-image tool to place that asset onto any design.✓✓✓

Control map — every field, explained

Each control on this page, and what it actually does when you run the tool.

ControlWhat it does
Filter by typeFilter to Images only when you are assembling a photo layout to cut through the noise.
Update the list after uploadingCopy the asset ID straight into the add-image tool — no re-uploading needed.

Use it for — Asset Library in real work

1

Find that uploaded logo fast

2

Audit what is stored locally

3

Filter to images only

4

Clean up before a big project

5

Check upload quotas

6

Reuse across designs

Spec sheet

TypesImages, logos, files
FilterBy type
StorageEncrypted locally
ReuseOne click into any design
FreeUnlimited
DeleteAnytime

Keyboard reference

KeysActionScope
Ctrl/⌘ + ZUndo the last changeBrowser-standard
Ctrl/⌘ + Shift + ZRedoBrowser-standard
Tab / Shift+TabMove between fields in orderBrowser-standard
EnterActivate the focused buttonBrowser-standard
EscClose dialogs and menusBrowser-standard
DeleteRemove the selected layer on canvasEditor