Ch 9 · Landing pages and websites
4 landing pages, 4 briefs
From a 19-section dark SaaS landing to an enterprise-services site, each from its own brief and design-system style.
Design
with AI
How I run a full design practice on Claude Code and work about 400% faster than I did by hand.
By Alohan O. Kelvin, Design Lead at UicoLabs LimitedFree for a limited timePDF70 pages17 chapters9 real briefs
400%faster than working by hand, measured across 12 deliverable types
80%of design production handed to Claude Code
$264a month for the whole stack, as of August 2026
17chapters, seven of them hands-on playbooks
A week of work
becomes a day.
Neither number means “I type a prompt and a finished campaign falls out.” Both come from one loop, and the book shows it running on real client work.
01
AI lays the foundation
Options for layout, palette, imagery and copy, pulled from your references, your brand files and your design system.
02
You make one genuinely good
Taste, brand rulings and the final call stay with you. This is the part of the job that is yours.
03
AI builds the rest from yours
Your frame becomes the template for every size, page, email and variant that follows.
04
Repeat until it ships
Each round starts from better work. That is how a week or two of production becomes a day.
Seventeen chapters.
No pep talk.
Three parts: the system you set up once, seven playbooks for the work clients actually pay for, and the discipline that keeps the output shippable.
Part 1 · 6 chapters
The system
01What “80% of the work” and “400% faster” mean
02The stack
03What it costs
04Setup in an afternoon
05My operating system
06How I brief
Part 2 · 7 chapters
The playbooks
07Brand systems
08Social and marketing at volume
09Landing pages and websites
10Email
11Product UI
12AI imagery
13Documents, decks, code and logos
Part 3 · 4 chapters
The discipline
14QA and verification
15The gotcha library
16Templates you can copy
17The maths behind 400%
Also inside
Nine real briefs, a QA checklist, a memory-note template and the full setup, step by step.
Look inside.
Tables you can copy, briefs word for word, and the full-page builds behind the numbers. Designed in Figma with the same loop the book teaches.
What the method
has shipped.
Measured from session logs, not estimated. Client names are anonymised in the book; the work is real.
Ch 11 · Product UI
20 app screens in one flow
A safety-scanner app: paywall, capture, questionnaire and profile, then a full rebrand of the same product.
Ch 9 · Landing pages and websites
118 screens in two days
A two-sided marketplace from one PRD: guest and host mobile flows, a desktop pass and a 122-component library.
A full social batch, from brief to review-ready frames, in a single session.
Five weekly sets for one prop firm in July, all built on one reusable template.
Plus nine video clips, generated through Higgsfield and placed straight onto the canvas.
The whole stack is
$264 a month.
Four tools do the work. Everything else is free, or paid for only when a project needs it. Prices as of August 2026.
Claude Code
Claude Max 5x
$100 / month
The backbone. Every session runs here: it reads the canvas, writes to Figma and drives the other tools.
Figma
Professional, full seat
$20 / month
The canvas and the review board. Every build lands here for you to judge and refine.
Higgsfield
Max
$129 / month
Every generated image and video clip, through one connector inside the same session.
BYQ Supply
Pro
$15 / month
The structural vocabulary: 2,400+ section components, wireframes and named styles.
Total $264 / monthJust starting out? Chapter 3 prices a cheaper first tier.
Written for designers
who ship.
For you if
You design for a living and already know Figma well.
You run client work at volume: social batches, landing pages, email programmes, app screens, brand systems.
You want the operating manual, with the costs and the failure modes already written down.
Not for you if
You want an argument about whether designers should use AI.
You want a prompt-engineering guide.
You expect one prompt to produce a finished campaign.
Who’s teaching this
My portfolioalohanoghosa.framer.website
Alohan O. Kelvin
Multidisciplinary designer and no-code developer · Design Lead at UicoLabs LimitedI have spent more than eight years designing products, brands and marketing for agencies and startups around the world, from a global fintech platform to a social productivity app on iOS and web. This book is the system I built to run that work on Claude Code: hundreds of hours of practice and over 50,000 words of recipes, cut down to what you can use.
8+years designing
20+products shipped
10+clients worldwide
1M+users reached
Experience
2024 – nowLead Designer · NODA Digital Agency
2023 – 2024UI/UX Designer · Vivido World
2023Digital Designer · BrandHero Creative
2019 – 2022Product Designer · HupDev Technologies
“Alohan brought a strong user-focused approach, his work was timely, thoughtful, and always added real value to us.”
Harry Haruna, Co-Founder, Binary Base
Questions,
answered.
Do I need to know how to code?
No. Every setup step in Chapter 4 is a request you type in plain English, and Claude Code runs the commands for you.
What does it cost to run this setup?
My stack is $264 a month, as of August 2026. Chapter 3 breaks down every tier, including a cheaper way to start.
Is it only useful with Claude Code?
The setup chapters are specific to Claude Code, Figma, Higgsfield and BYQ Supply. The loop, the briefs and the QA habits carry over to whatever tools you use.
Does it show real client work?
Yes. Every playbook is built on real projects, with client names anonymised.
What format is it?
A 70-page A4 PDF, designed in Figma, with selectable and searchable text. There is also a lighter copy for reading on your phone.
Design
with AI
The 70-page field manual for designers who want a week of work to take a day.
Free for a limited time · PDF · 70 pages · A4