DEMOPopulated walkthrough — try the product, nothing’s saved.Live site →
Design

Ian Alexander

Designer · uxtopian · Expert · 3y w/ AI · Updated 3 days ago

My Stack

01
Idea

"Every idea starts as a Claude conversation in my terminal. No notes app, no Figma — just text and pushback. The first job is to find out if the problem is real."

ClaudeClaude Code in terminal
Template none, just a blank prompt
Outputa problem statement worth pursuing
02
Research

"Before any building, I push the idea through four gates: what's the job, the audience, the metric, the alternatives. If the POV is fuzzy, I stop here. No layouts before strategy."

ClaudePlanning gates
TemplateDecision Stack frameworkdoc
Outputa written POV in one sentence
03
Wireframe

"For real product work I sketch low-res HTML and screenshot it via Puppeteer before any real code. For throwaway 'what would this look like' exploration, Lovable in 10 minutes beats React in two hours."

LovableThrowaway probes
Template just a prompt, no scaffold
Outputa 10-minute answer to 'what would this look like'
Borrowed by 1
</>Custom HTMLWireframes
TemplateHTML wireframe scaffoldtemplate
Outputa screenshot worth reacting to
Borrowed by 4
Borrowed by 5
04
Build

"Cursor with Claude in composer. Branch off dev, never on dev directly. The accept/reject UI for AI edits is the only reason I haven't gone back to VS Code."

CursorPrimary IDE
Templatefeature/[name] branch off devconvention
Outputworking code on a feature branch
Borrowed by 9Anonymous Staff Eng, Marcus Reeves + 7 more
ClaudeIn-editor pair
Template context loaded from open files
Outputaccepted/rejected diffs as the design conversation
Borrowed by 6
Borrowed by 11
05
Design

"Figma is where my tokens live. Less than 30% of design happens here anymore — it's a system maintenance tool now, not a creation surface. The real design happens in code."

FigmaTokens, components, handoff
Templateuxtopian design tokens filefile
OutputCSS custom properties for code
06
Ship

"GitHub PR for the diff trail (I'm reviewing myself), Vercel for preview deploys. #PL command pushes dev → master in one go. Two products go live in the time the legacy team would still be writing the ticket."

GitHubPR + diff trail
Template just the diff, no checklist
Outputmerged PR as decision record
Borrowed by 5
VercelPreview + prod
Template#PL push-and-merge aliasalias
Outputlive URL with preview baked in
Borrowed by 7
Borrowed by 9Anonymous Staff Eng + 8 more
07
Measure

"Plausible runs on every site I ship. I check it the day after a release and the week after — am I getting the visits, are people reaching the page I built, are they bouncing where I expected. The signal here decides whether the next idea is more of this or a pivot."

PlausiblePrivacy-first analytics
Template no template — same dashboard for every site
Outputa yes/no on whether the bet worked
08
Manage

"Linear holds the issue. Notion holds the spec. docs/decisions.md holds the technical decisions per project. I write everything down because the next idea will reference this one — and AI gets better at helping me when it can read the trail."

LinearIssue tracking
Template no template — just the decision as the title
Outputa tracked link from work to context
Borrowed by 4
NotionSlow thinking
Templatedocs/decisions.md per-project logtemplate
Outputa searchable archive for next time
Borrowed by 5Priya Shah + 4 more
Borrowed by 6

Borrow Ian's stack

You've seen the whole workflow. Get the stack + every template by email.

12designers borrowed this stack this month

The how

Configs, templates, and conventions Ian works from. Open or copy the URL — these stay on the original source.

blank prompt
ClaudeIdea
none, just a blank prompt
Decision Stack framework
ClaudeResearchDoc
View →
blank Lovable project
LovableWireframe
just a prompt, no scaffold
HTML wireframe scaffold
Custom HTMLWireframeTemplate
View →
feature/[name] branch off dev
CursorBuildConvention
View →
composer prompt
ClaudeBuild
context loaded from open files
self-review
GitHubShip
just the diff, no checklist
#PL push-and-merge alias
VercelShipAlias
View →
per-site dashboard
PlausibleMeasure
no template — same dashboard for every site
one issue per decision
LinearManage
no template — just the decision as the title
docs/decisions.md per-project log
NotionManageTemplate
View →

Retired

What's changed recently

Authors log meaningful updates here when their stack changes.

3 days ago
Added Lovable for throwaway mockups. Demoted Framer.
3 weeks ago
Dropped ChatGPT entirely. Claude does everything now.
2 months ago
Moved from VS Code to Cursor as primary IDE.

Still looking for the perfect…

A code-native design system tool

"I'd drop Figma if a code-native tool got good enough at multi-product token management."

Suggested by readers · 3Polypane @sarahMagic Design @anandUI Pilot ✓ Tried @mike
+ Suggest a tool

A meeting-capture tool worth the cognitive overhead

"I'd add one if I started having more than 5 meetings a week. Granola seems good but I don't need it yet."

Suggested by readers · 2Otter.ai @jamestl;dv @priya
+ Suggest a tool

Composer-mode parity in VS Code Copilot

"I'd switch off Cursor if VS Code's Copilot improved enough that the composer-mode gap closed."

Suggested by readers · 1Cline + Sonnet @devon
+ Suggest a tool