How-to guide

How to organize design files automatically

A design folder fills up quickly. One project produces logo variations in four formats, exported mockups at several sizes, a brand guidelines PDF, social templates, client screenshots marked up with feedback, and a mood board’s worth of reference images pulled from the web. Filenames like hero_v6_final_FINAL.png describe the order things happened in, which isn’t much help when someone asks for the green version of the banner from last spring.

This guide covers how designers usually keep files and references in order, where that takes the most upkeep, and how to set up Fabric so exports and reference images are described by what they show and grouped as they arrive.


How designers usually organize design files

Most studios use a folder tree in Dropbox or Google Drive: client, then project, then subfolders for source files, exports and references. Paired with a naming scheme, this works while the people who built it are around. Design file formats explained covers why a single asset often exists in several formats, which multiplies the number of files to place correctly.

Reference images tend to live somewhere else entirely. Pinterest boards, Are.na channels and Milanote boards are pleasant for collecting visuals, and each keeps its own copy. Mixing images with PDFs, links and notes in one searchable place is where people say these tools start to feel limiting, and references from one project rarely make it into the next.

Larger teams move to a digital asset management system with metadata fields, approval states and permissions. That brings order, along with setup time and someone responsible for tagging every upload. How to manage brand assets looks at that end of the spectrum in more detail.


Step 1: Put your design files on the Fabric drive

Install the Fabric desktop app, which mounts Fabric as a virtual drive on Mac, Windows and Linux. Export from your design tool straight into a folder on that drive, or move an existing project folder across like any other folder. Files on the drive take no space on your computer and stream when you open them, which helps with large exports and image libraries. A team can work from a shared drive this way.

For references found online, the browser extension saves images, a screenshot of the page, or the whole website. Drag and drop or Upload a file in the app also work for one-off assets.


Step 2: Let Fabric read what each file shows

Each file is processed on arrival. Fabric creates embeddings so search can match it by meaning, writes a short summary, and extracts attributes including content type, concepts and colors. For images, it reads what’s in the picture as well as any text in it, so a mockup is understood as a mobile checkout screen in dark mode with an orange call to action, whatever the filename says. It also suggests tags you can apply.

Text in PDFs is read too. A brand guidelines document or a client’s brief is summarized like any other file, and a search for “logo clear space rules” opens the guidelines at the page that covers it. Screenshots of competitor sites or annotated client feedback get the same treatment, so text written on a screenshot is searchable alongside the image itself.


Step 3: Set up smart collections for asset types

Create smart collections for the groups you pull from repeatedly: logos, social templates, icons, photography, packaging, a single client’s brand. Smart collections fill themselves based on content, so a new logo export joins the logos collection without anyone dragging it there, and the same file can still sit in its project folder.

A collection for reference images works well alongside project folders. Inspiration saved for one brief stays findable for the next one, instead of staying buried in a finished project’s folder. Add a comment to a reference when the reason you saved it isn’t obvious, such as the type pairing or the grid you liked.


Step 4: Find assets by color or by likeness

Press Cmd+F (Mac) / Ctrl+F (Windows) to search. To search by color, paste a HEX code from the brand palette or pick one with the color picker, and Fabric returns files where that color appears. How to search images by color has more on that technique.

When you have an image close to what you need, select it and run a similarity search. For images, similarity covers composition, color and subject, so one moody product shot brings back others with the same lighting and framing. Combine any search with filters for tags, location or kind of item.


Step 5: Add boards and review stages where they help

Structure in Fabric is optional, though two views suit design work. A canvas lets you drag assets from your library onto a board next to notes, links and sketches, which makes a working mood board. A folder can switch to a kanban view with columns like draft, in review and approved, where each card is the file itself.

For client feedback, share the folder and give the client commenter permission. Commenters can draw on an image and attach a comment to the drawing, and you can mark each comment completed once it’s handled.


Frequently asked questions

Can Fabric find images by color?

Yes. Paste a HEX code or choose a color with the color picker in search, and Fabric returns files where that color appears.

Does Fabric understand what’s in an image?

Yes. Search covers the visual content of images as well as any text in them, and each file gets a summary and extracted attributes including colors.

Will storing design files in Fabric fill my laptop?

No. Files on the Fabric desktop drive take no space on your computer and stream when you open them.

Do I have to tag every asset?

No. Fabric suggests tags and extracts content type, concepts and colors itself, and smart collections fill from that. Tags you add are optional.

Can I find designs similar to one I already have?

Yes. Select the file and run a similarity search. For images it compares composition, color and subject.

Can my team share one design library?

Yes. A team can work from a shared drive through the desktop app, with viewer, commenter, editor and admin roles set per space or file. Plans for teams covers team pricing, which isn’t per seat.

Can clients comment on design files?

Yes, through a shared link with commenter permission. They can draw on images and attach comments, and you can mark comments completed.

How do I save reference images from websites?

Use the Fabric browser extension for Chrome, Safari or Firefox. It saves individual images, a screenshot of the page, or the whole website, and each one is processed like any other file.

The workspace that thinks with you.

Ready when you are.

The workspace that thinks with you.

Ready when you are.

The workspace that thinks with you.

Ready when you are.