Found · Design System

Building found.com's first
marketing design system

Found's first documented marketing design system — built to align design, growth, and engineering around a shared foundation.

Title Performance Marketing Designer
Year 2026
Tools Figma · Claude AI · Contentful
Typography Token Reference
Style Guide Audit
Figma Variables
Color Token Reference

What didn't exist

  • Color token system — all values hardcoded
  • Consistent type scale across pages
  • Button & interactive states defined
  • Font licensing confirmed for web delivery
  • Any formal documentation

What was blocked

  • Webflow build couldn't begin
  • No handoff reference for engineering
  • No onboarding doc for the growing team
  • Design & dev working from different assumptions
  • Brand evolution conversations had no foundation

Process

01 Extract & analyze the live design state
02 Write Found's first marketing documentation standard
found.com — Style Guide Audit & Findings · Phase 1 of 4
Style Guide Audit document Phase 1
03 Build the token system in Figma Variables
found.com — Marketing / Semantic Variables
Figma Variables panel
04 Create the visual token reference guides
Color Token Reference
Typography Token Reference

Tools & workflow

Designed with AI, not around it.

Claude AI

Analyzed design data, structured audit findings, developed token naming logic, and co-wrote the documentation.

Figma MCP

Connected Claude directly to live Figma files — real-time extraction of design values without manual export or copy-paste.

Figma Variables

Two-collection token architecture (Primitives + Semantic), built for direct handoff to Webflow as CSS custom properties.

What it unlocked

Brand evolution discussions

First documentation standards

Case for Webflow migration

Design & engineering alignment