Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

31,518 görüntüleme • 7 ay önce •via X (Twitter)

11 Yorum

Luke Wroblewski profil fotoğrafı
Luke Wroblewski7 ay önce

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 profil fotoğrafı
Luke Wroblewski7 ay önce

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

Geoff Alday profil fotoğrafı
Geoff Alday7 ay önce

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

Luke Wroblewski profil fotoğrafı
Luke Wroblewski7 ay önce

only gonna get wilder.

Luke Wroblewski profil fotoğrafı
Luke Wroblewski7 ay önce

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

Harsh profil fotoğrafı
Harsh7 ay önce

man how many things do I have to learn now smh

Kyle Cooney profil fotoğrafı
Kyle Cooney7 ay önce

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

Chicago Camps profil fotoğrafı
Chicago Camps7 ay önce

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

Tonkur profil fotoğrafı
Tonkur7 ay önce

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 profil fotoğrafı
Dane Troup7 ay önce

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 profil fotoğrafı
Morgan Izquierdo7 ay önce

Great to have your take on the moment

Benzer Videolar