Extracting a design system and generating a landing page and slide deck with Claude Design
Claire Vo reports importing a public site's assets to build a design system, then generating a landing page and deck from it.
Done withCDClaude DesignGIGPT Images 2.0
Creator’s account, with screenshots
WHAT THEY DID
Claire Vo imported Lenny’s Newsletter’s public homepage HTML, logo, fonts and a graphic for a non-commercial prototype test (she advises uploading only assets you have permission to use), so Claude Design extracted a design system. She fixed the heading style, then generated a landing page in three variations and turned an article into a slide deck. Separately she made a brand kit with GPT Images 2.0 using reference images.
STEP BY STEP
- Imported Lenny's Newsletter's public homepage HTML, logo, fonts and a graphic for a non-commercial prototype test (she advises uploading only assets you have permission to use), so the tool extracted a design system.
- Corrected the extracted heading typography from italic serif to sans serif.
- Answered follow-up questions, then generated a landing page with three variations and used a tweaks panel for targeted changes.
- Uploaded an article and turned it into a teaching slide deck.
- Separately, generated a brand kit with GPT Images 2.0 and improved it with approved reference images.
HOW IT WENT
She reports the landing page and deck came close to usable once a design system existed, and that reference images beat written descriptions for the brand kit. Generation was slow, the tool defaulted to italic serif until corrected, and she paid $200 for more credits.
Reported results: The author reports the landing page and deck came close to usable marketing work once a design system existed, and that reference images improved the brand kit more than descriptive prompts did.
WORTH KNOWING
It didn’t replace Figma for quick visual tweaks, and she says hierarchy, accessibility and image rights still need human review. The page shows screenshots but not the prompts.
Rates the entry, not the tool.
Source: Claire Vo · ChatPRD (How I AI)Open as a page
- Work done: not stated in the source
- Source published: Apr 22, 2026
- On 4TC: added Oct 20, 2026 · checked Oct 20, 2026
About this source
Type: First-person workflow · Firsthand report · Demonstrated workflow
- How I put Claude Design and GPT Images 2.0 to the test
Claire Vo · ChatPRD (How I AI) · Published Apr 22, 2026 · Checked Oct 20, 2026
Source check: Spot-checked by the 4TC build team on Oct 20, 2026. Fetched and read on 2026-10-20. Nobody at 4TC has tested this.
Claims and where they come from
- Reference images improved the brand kit more than descriptive prompts (reported) [1]
4TC interpretation
Our reading, not something the source says.
It shows a concrete way designers' existing brand assets become the input for AI-generated layouts, and where the author still needed a human to review the result.
Votes rate whether this entry was useful. They are not an endorsement of the tool, and don’t mean voters agree with the company’s practices.
Report an issue or correction
Share your own experience
4TC does not endorse a tool unless an explicit 4TC endorsement is shown.