Match 40 web pages pixel-perfect to Figma with Codex and the Figma MCP

Facing 40 pages to match to an inconsistent Figma file, a developer connected the Figma MCP to Codex, and it did the job.

Difficulty
IntermediateOur rating
Time to build
Not reportedOur estimate
Monthly cost
Not reported
Revenue
Not reportedWe only show revenue the source states
Engagement
0 replies to HN commentComment in “Ask HN: Who is using MCP in production?” (198 points, 201 comments) · fetched Oct 15, 2026

What they did

ssenssei had to make about 40 pages match Figma designs exactly. Feeding screenshots to the AI did poorly, so he set up the Figma MCP with Codex.

How it went

He says it actually did what he needed.

Worth knowing

Structured design data beats screenshots for layout accuracy.

Builder recipe

Our own starting point, written from the source. Adapt it to your setup.

Stack

  • Codex
  • Figma MCP

Steps

  1. Open the repo in your coding agent and describe the goal and constraints.
  2. Ask for a plan first, then let it implement in small, reviewable steps.
  3. Run the tests or the app after each step and feed errors back.
  4. Review the diff before merging.

Starter prompt

Using the Figma MCP, implement frame [name] as a page in this repo. Match spacing, type and colors using existing components, then list any differences you could not resolve.

Tags

Read the original

Related use cases

no count
NEW Coding

Design mobile apps by chatting with AI

Sleek turns a chat about an app idea into polished mobile app designs in minutes.

💰 $20,587 MRR, verified via Stripe on TrustMRR (synced 2026-10-15)Advancedby Stefano
no count
NEW Coding

Turn screenshots into working front-end code

Screenshot to Code converts a screenshot, mockup, recording or prompt into HTML/Tailwind, React or Vue, then refines it from plain-English follow-ups.

💰 $4,768 MRR, verified via Stripe on TrustMRR (synced 2026-10-15)Advancedby Abi Raja

The Daily 5.

Five real AI agent use cases each morning, each with a recipe and a source. Plus a Sunday roundup. Free.