Загрузка видео...

Не удалось загрузить видео

На главную

skip the design system software. build directly from a design spec using Figma MCP and Intent.

31,518 просмотров • 7 месяцев назад •via X (Twitter)

Комментарии: 11

Фото профиля Luke Wroblewski
Luke Wroblewski7 месяцев назад

Here's the Figma < > Intent workflow in detail: * Seed the project manually with Astro + Tailwind init commands (or your preferred stack) * Connect Figma MCP to pull design data directly into Intent's context * Copy Figma frame links for design system colors, typography, grid specs, and page content * First prompt: extract custom colors from Figma and add them to Tailwind config. * Second prompt: build the landing page from Figma comp content * Third prompt: extract header/footer into reusable components, then build remaining 7-8 pages in parallel using Intent's multi-agent delegation * Queue tasks so the coordinator could dispatch multiple implementer agents simultaneously across non-overlapping files * Run a verification pass where the agent compared output against the Figma comp to catch mismatches * Dispatch the UI Designer specialist for a polish pass to fix issues the verifier flagged End result: a multi-page website that was ~95% faithful to the Figma comp in roughly 45 minutes. Designer then iterated on the last 5% using Intent.

Фото профиля Luke Wroblewski
Luke Wroblewski7 месяцев назад

video walkthrough for those who want more details on this setup and workflow:

Фото профиля Geoff Alday
Geoff Alday7 месяцев назад

Man, what a world we're living in now!

Фото профиля Luke Wroblewski
Luke Wroblewski7 месяцев назад

only gonna get wilder.

Фото профиля Luke Wroblewski
Luke Wroblewski7 месяцев назад

added Figma quick install to Intent to make this even easier.

Фото профиля Harsh
Harsh7 месяцев назад

man how many things do I have to learn now smh

Фото профиля Kyle Cooney
Kyle Cooney7 месяцев назад

I’m still not sure why Figma is necessary. Figma Config is going to be interesting this year.

Фото профиля Chicago Camps
Chicago Camps7 месяцев назад

Just skip Figma and save the subscription fee. Figma isn’t needed to get this work done.

Фото профиля Tonkur
Tonkur7 месяцев назад

I dont understand sir u created system and used it to build layot without software to create them ? So u skip figma and build html components? How do u build em for apps? U do it in rnative?

Фото профиля Dane Troup
Dane Troup7 месяцев назад

I’m designing in browser with local storage for synthetic data and full interactive simulation. Can use APIs if they’re ready. Allows me to experiment with production parity frontend code. Calling it “prototyping” but it’s very close to the real thing. Just no platform overhead

Фото профиля Morgan Izquierdo
Morgan Izquierdo7 месяцев назад

Great to have your take on the moment

Похожие видео