Figma'dan Koda: Dev Mode, Auto Layout'tan Flexbox'a, Variables'tan Token'a ve Figma MCP ile AI Destekli Handoff
Figma'dan koda geçişte sayıları değil niyeti taşımak gerekir: Auto Layout'un FILL ve HUG ayarları Flexbox'a, Variables DTCG token'larına, tasarım component'leri Code Connect ile kod component'lerine bağlanır. Bookstore'un sepet barını Auto Layout JSON'undan CSS'e çeviriyor, kopyalanmış piksellerin 768 pikselde ve dark mode'da bozulduğunu ölçüyor, Figma variable'larıyla token'lar arasındaki farkı yakalıyor ve Figma MCP server'ın plan koşullarını resmî dokümantasyondan anlatıyoruz.
14 Kas 2026
·
13 dk
·
17
