Web & Digital

Salimeh Miller builds an agentic Claude Code + Figma MCP landing-page workflow at Alpha CDM

A product designer runs Claude Code in a Figma sandbox against an AI-readable design system, cutting reported design-and-build time from 3 weeks to 3–5 days.

Done withClaude CodeFigmaFigma MCPFigma Make

Undated case (2026, Day 1–46); LinkedIn 20 Oct 2026; self-reported; role ended; hire CTA


WHAT THEY DID

Salimeh Miller, then senior UX/UI designer at Clever Digital Marketing (Alpha CDM), tested five AI design tools and chose Claude Code with Figma MCP to design inside a real Figma sandbox against a design system she built for AI agents (Prompt Kit / CLAUDE.md three-layer rules).

STEP BY STEP

  1. Test five tools (Lovable, Magic Path, Figma Make, Claude Design, Claude Code); keep Claude Code for in-file Figma work.
  2. Build AI-readable foundations/components and a CLAUDE.md three-layer model (invariants, patterns, creative latitude).
  3. Run Claude Code in a Figma sandbox; use sub-agent verification and reverse prompting.
  4. Scale with vertical prompt templates and CRO checks; prepare sample landing templates.

HOW IT WENT

She reports design and build time falling from three weeks to three to five days, a day-28 leadership demo, eight vertical-specific prompt templates, and four sample landing-page templates prepared for launch. Full conversion data was not available before her role ended, she writes.

Reported results: 3 weeks → 3–5 days design/build (case study and LinkedIn); day-28 leadership approval; 4 sample templates; conversion data incomplete at role end.

WORTH KNOWING

A detailed first-person agency workflow with named tool comparisons, guardrails (invariants / patterns / creative latitude), MCP sync limits, and a dated LinkedIn post matching the same three-week-to-3–5-day claim.

TRY IT

  • Write never-break / follow / explore rules into a CLAUDE.md before letting an agent edit Figma.
  • Sandbox the agent away from production files and feed fixes back into the rules.
  • Ask the agent to explain each design choice so reviewers check reasons, not only pixels.
Read the original ↗

Rates the entry, not the tool.

Source: Salimeh Miller · salimehdesign.comOpen as a page

  • Work done: 2026
  • Source published: Oct 20, 2026
  • On 4TC: added Nov 7, 2026 · checked Nov 7, 2026
About this source

Type: First-person workflow · Firsthand report

  1. Building an Agentic AI Design Process for Conversion-Focused UI at Alpha CDM
    Salimeh Miller · salimehdesign.com · Publication date not stated (Page shows Year 2026 and Day 1–46; no calendar publish date. Dating from LinkedIn s2.) · Checked Nov 7, 2026
    Creator's portfolio case study. Self-promotional hire CTA. Client named Alpha CDM / Clever Digital Marketing.
    Access: open
  2. An interview question I keep thinking about: How do you design AI so people can verify its work?
    Salimeh Miller · LinkedIn · Published Oct 20, 2026 (Activity ID 7518306282131308544 >> 22 = 2026-10-20T13:45:01Z (06:45 PT).) · Checked Nov 7, 2026
    Creator's own LinkedIn post about the same agentic Figma workflow and timing claim.
    Access: LinkedIn post
  3. Building Prompt Kit: A Design System for AI-Driven Design at Alpha CDM
    Salimeh Miller · salimehdesign.com · Publication date not stated (Year 2026 only.) · Checked Nov 7, 2026
    Companion Prompt Kit design-system case study on the same site.
    Access: open
  4. About | Salimeh Miller, Senior Product Designer
    Salimeh Miller · salimehdesign.com · Publication date not stated (Lists Clever Digital Marketing Apr 2025 – Oct 2026.) · Checked Nov 7, 2026
    About page listing CDM role dates.
    Access: open

Source check: Researched from the public page; not yet re-checked by an editor. Nobody at 4TC has tested this.

Claims and where they come from

  • Salimeh Miller writes that orchestrating Claude Code inside a Figma sandbox against a design system built for AI reduced design and build time from 3 weeks to 3–5 days. (reported) [1]
  • She says she tested Lovable, Magic Path, Figma Make, Claude Design and Claude Code, and that Claude Code was the only tool that worked directly inside their actual Figma file. (reported) [1]
  • She describes a Three-Layer Model in CLAUDE.md: invariants (brand, typography, accessibility), patterns, and creative latitude. (reported) [1]
  • She reports Figma MCP sync lag and occasional empty-file false reports, so verification had to be built in. (reported) [1]
  • On LinkedIn (activity dated 2026-10-20) she says the agentic Figma workflow cut production time from three weeks to three to five days, and answers with never-break / follow / explore rules plus human review. (reported) [2]
  • Her About page lists Clever Digital Marketing Senior UX/UI Designer Apr 2025 – Oct 2026. (reported) [4]

4TC interpretation

Our reading, not something the source says.

Shows how a designer turns brand and accessibility rules into agent guardrails so Claude Code can work inside Figma without inventing a parallel system.

Designer impact

Alleged [1]

She reports Figma MCP sync lag and occasional empty-file false reports.

  • Build verification into every step; do not trust the connection is current.

Alleged [1]

She writes full conversion data was not available before her role ended.

  • Treat shipped-template claims as structural, not measured performance.

Established = documented by primary sources or the company’s own statements. Disputed = contested with evidence on both sides. Alleged = reported, not established.

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.

Get the best of these weekly

The weekly design brief, starting soon: the most useful workflows, tool updates and developments, with sources. Sign up now and the first issue will come to you.