Claude Design Series.
Claude Design from your first landing page to a $5,000 offer. Ship client-ready projects, then scale a solo studio to agency-tier recurring retainers without hiring a team.
3 titles · 15 free guides
Claude Design Figma Import Not Working: The .fig Bug Fix
Claude Design figma import not working at 47MB? It's GitHub issue #51149. The asset-unbundle workaround imports your design system in 30 minutes flat.
from: Claude Design Playbook
Claude Design Generic Output: The 5-Step Brand Kit Fix
Tired of Claude Design output that screams 'I just used one Claude prompt'? The 5-step brand kit setup that flips defaults to client-quality on-brand work.
from: Claude Design Playbook
Claude Design to Claude Code Handoff: Noon to Live URL
The Claude Design to Claude Code handoff turns a canvas design into a live Vercel URL in five hours. The 5-stage timeline plus the 5 common follow-up prompts.
from: Claude Design Playbook
Claude Design Weekly Limit: A 4-Step Refinement Budget
Hitting the Claude Design weekly limit on 'basic changes' isn't a bug. It's the wrong refinement pattern. The 4-step inline-first discipline cuts cost 3x.
from: Claude Design Playbook
How 4 Claude Design Retainers Replace Your Whole Year
Four Claude Design retainers at $6,500 a month is a $300,000-a-year studio run by one person with nobody on payroll. Here is the four-row model, the two numbers you write on a sticky note, and why two clients already clear the ceiling your own hands built.
from: The Claude Design Studio
How 1 Designer Delivers Like 5 With Claude Design
One designer can hold a studio's worth of delivery when only two stages of the work still route through them. Here are the seven stages of a Claude Design deliverable, the five that go to the machine, and the ten-minute one you never hand over.
from: The Claude Design Studio
How to Price a $5,000 Productized Claude Design Service
The bottom rung of your offer sheet belongs above $5,000, and it can be a price on a page instead of another quote written from scratch. Here are the three tiers, what Claude Design lets you promise in each, and the line that keeps the top one from eating your weekends.
from: The Claude Design Studio
How to Sell Unlimited Claude Design Without Working Weekends
Put the word unlimited on your own Claude Design offer page and mean it, because a queue does the enforcement instead of you. Here is the intake-to-delivery shape and the one sentence that goes on the card next to the price.
from: The Claude Design Studio
How to Know If Outsourcing Claude Design Work Pays
Know in one number whether handing a Claude Design stage to a freelancer pays you or quietly costs you double. Here are the three gates it has to clear, the term everybody leaves out of the sum, and the two stages that never leave your hands.
from: The Claude Design Studio
The Diff That Resyncs Claude Design With a Repo That Moved
One diff reconciles a canvas that drifted from a repo your teammates kept changing, so the screen you present is the product that actually ships. Claude design out of sync with repo has no merge button: there are two stores with two jobs, one rule that makes the reconciliation correct, and a way to be told next time instead of finding out.
from: Claude Design Sync: Ship the Real App
How to Wire Claude Design to Your Repo in 2 Commands
Two commands, run once per machine rather than once per project, put Claude Design on every repo you own from then on. The claude design sync setup fails for most people at one step, and it is not the one you would guess: the sign-in command is `/design-login`, not `/login`, and one person lost a day to that difference.
from: Claude Design Sync: Ship the Real App
The Conventions File That Makes Claude Design Use Your Design System
A conventions file built from the CSS you already ship makes every generated component come out in your own design system instead of a generic one. The file Claude Design reads is `.design-sync/conventions.md`, not the `DESIGN.md` everybody writes, and token names one word off your stylesheet are worse than no file at all.
from: Claude Design Sync: Ship the Real App
1 Script That Checks Design Token Contrast in Light and Dark
One script resolves every token pair in every theme and exits non-zero, so a contrast failure stops the build instead of shipping. Every design token contrast check on the first page of results is a human pasting two hex codes into a web form, which cannot see that the identical line of CSS passes in light and fails in dark.
from: Claude Design Sync: Ship the Real App
The 30-Second Supabase Check That Proves Your Client's Data Is Closed
A 30-second check from outside your app proves the client's data is closed before you hand the work over. Supabase rls not enabled by default is true of every table an agent writes in raw SQL, and the exposure is full CRUD: anyone with the project URL can read, edit and delete.
from: Claude Design Sync: Ship the Real App
Read them in this order. Each one assumes the one before it.
Claude Design Playbook
8 client-ready projects in 30 days with the Figma → Claude Code handoff
Claude Design Sync: Ship the Real App
The post-June two-way round-trip: /design-sync, a design system as code, drift recovery, and a live app that stays in sync
The Claude Design Studio
A three-tier offer above $5,000, retainer income that stacks, and delivery on SOPs and a lean freelancer bench, no payroll
These titles sit on a path that tells you which three to buy first.