Designers need a flexible database that feels like a spreadsheet but works like a visual board. Airtable gives you both. In this guide we walk through creating a design asset library, building mood‑board views, linking prototypes, and automating file naming. Follow each step, copy the sample formulas, and you’ll have a production‑ready Airtable base in under an hour.
Log in to Airtable, click + Add a base, and choose Start from scratch. Name it Design Asset Library.
We’ll start with three tables:
Drag a folder of PNGs onto the Assets table. Airtable creates an Attachment field automatically. It also adds a Name field populated from file names.
Switch to Grid view. Click the Attachment column header, choose Customize field type → Show as thumbnails. Resize the thumbnail to 150 px for a clear visual board.
Add a Single select field called Phase with options: Concept, Design, Review, Handoff. Then create a Kanban view grouped by Phase. Drag cards between columns to update status instantly.
Insert a Date field named Launch Date. The Calendar view lets you see upcoming releases at a glance.
Use a Single line text field and store HEX codes separated by commas, e.g., #FF5733, #2E86C1, #F1C40F. Add a formula field to render colored squares:
ARRAYJOIN(
ARRAYMAP(
SPLIT({Color Palette}, ", "),
HEX => "<span style='display:inline-block;width:12px;height:12px;background:" & HEX & ";margin-right:4px;'></span>"
),
""
)
Enable “Allow rich text” in the field settings to see the swatches.
Create a Rollup field in the Assets table that counts linked records in Projects. This tells you how many times an asset appears across briefs.
Formula for automatic version numbers:
CONCATENATE(
"v",
FLOOR((DATETIME_DIFF(NOW(), {Created}, 'days') / 30) + 1)
)
The field updates each month, giving you a simple version tag like v2.
Create an automation:
Assets.{Project Code}_{Name}_{Version}.let table = base.getTable('Assets');
let record = await input.recordAsync('Pick a record', table);
let attachment = record.getCellValue('Attachment')[0];
let newName = `${record.getCellValue('Project Code')}_${record.getCellValue('Name')}_${record.getCellValue('Version')}.${attachment.url.split('.').pop()}`;
await table.updateRecordAsync(record.id, {
'Attachment': [{url: attachment.url, filename: newName}]
});
Use the built‑in “Send email” action. When Phase changes to “Review”, email the lead designer with a link to the record.
Install the official Airtable Sync plugin. In Figma, click Plugins → Airtable Sync → Connect Base, select your Design Asset Library, and map fields to component properties. Updates in Airtable instantly reflect in Figma.
Zapier can watch new records in the Assets table and add them to a Sketch library folder. Example Zap steps:
Use Airtable’s native “Run a script” automation to copy attachments to a Drive folder. Sample script:
let table = base.getTable('Assets');
let query = await table.selectRecordsAsync();
for (let rec of query.records) {
let att = rec.getCellValue('Attachment')[0];
await fetch('https://www.googleapis.com/upload/drive/v3/files?uploadType=media', {
method:'POST',
headers:{'Authorization':`Bearer ${YOUR_TOKEN}`, 'Content-Type': att.type},
body: await (await fetch(att.url)).blob()
});
}
Replace YOUR_TOKEN with a short‑lived OAuth token. Store the token securely; do not hard‑code it in production.
| Feature | Airtable | Notion |
|---|---|---|
| Relational linking | Full‑featured linked records, rollups, lookups. | Limited relation via “Relation” property. |
| Attachment storage | 2 GB free, 5 GB per Pro seat; per‑file limit 100 MB. | 5 GB free, no per‑file limit (but slower preview). |
| Views | Grid, Kanban, Calendar, Gallery, Form, Gantt. | Table, Board, Calendar, Gallery (no Gantt). |
| Automation | Native automations, scripting, Zapier, Make. | Limited built‑in automations; relies on external tools. |
| Design‑specific plugins | Figma, Sketch, Adobe integrations. | No official design‑tool plugins. |
For most design teams, Airtable wins on relational power and automation. Notion shines for documentation but falls short on asset handling.
The Grid view with large attachment thumbnails works best, because you can see images side‑by‑side and reorder them with drag‑and‑drop.
Yes. Use the Airtable Figma plugin or Zapier integration to pull records into a Figma file as components.
Create a formula field that concatenates project code, date, and version. Then use an Airtable automation to copy the result to your cloud storage.
Airtable’s Free tier includes unlimited bases, 1,200 records per base, and 2 GB attachment space—enough for small design projects.
Airtable offers richer relational fields, stronger CSV import, and native grid view. Notion excels at nested pages and documentation. See the comparison table above.
Using Airtable as a design hub saves time and reduces file‑hunting. Set up the base, pick the right view, add formula fields, and automate the boring stuff. In a few clicks you’ll have a living library that scales with your team.