FIGMASCOPE · TULISAN
Catatan tentang infrastruktur konteks.
Tulisan teknis tentang bundel konteks terstruktur untuk agen pengkodean — apa yang ada dalam bundel, mengapa piksel tidak cukup, bagaimana artefak dipetakan ke alur kerja codegen nyata, dan bagaimana figmascope dibandingkan dengan plugin, server MCP, dan Dev Mode.
Alur Kerja
-
2026-05-11Langkah demi langkah: ekspor dari figmascope, unzip ke Cursor, prompt agen. Perintah CLI nyata, .cursorrules nyata.
-
2026-05-11Sambungkan bundel konteks ke Claude Code. Generasi Figma-ke-kode yang dapat direproduksi lintas sesi.
-
2026-05-11Arsitek, edit, refaktor dengan konteks Figma terstruktur. Alur kerja diff Aider + codegen sadar token.
-
2026-05-11Cara IR dipetakan ke primitif Compose. Contoh nyata: layar home dari JSON ke Composable.
-
2026-05-11tokens.json → tailwind.config.js. Codegen React deterministik, sadar token, digerakkan agen.
Anatomi Bundel
-
2026-05-11Cara figmascope menyusun CONTEXT.md sebagai spesifikasi bergaya kompiler. Batasan ketat, catatan cakupan, contoh kerja.
-
2026-05-11Di dalam tokens.json: spasi, radius, warna, tipografi. Format mirip W3C, fallback inferensi frekuensi.
-
2026-05-11Empat jenis. Cara figmascope menormalkan layout Figma menjadi IR bertipe yang mempertahankan spasial.
-
2026-05-11Mengapa identitas komponen penting untuk codegen AI. Tautan INSTANCE, batas 300 entri, keamanan refaktor.
-
2026-05-11Kunci dot-notation, penanganan tabrakan, output siap i18n, transliterasi Kiril.
Perbandingan
-
2026-05-11Inspeksi plugin atau bundel portabel? Tempat masing-masing cocok.
-
2026-05-11Koneksi server atau file biasa? Pertukaran arsitektur.
-
2026-05-11Kode yang dihasilkan atau konteks terstruktur? Pertukaran dijelaskan.
-
2026-05-11CMS visual atau konteks kode? Pekerjaan yang berbeda.
-
2026-05-11Runtime plugin atau ekspor browser? Mengapa perbedaan itu penting.
Strategi & Esai
-
2026-05-11Screenshot kehilangan hierarki, semantik, sistem spasi, hubungan token, dan identitas komponen.
-
2026-05-11Pergeseran kategori: dari handoff berbasis piksel ke konteks terstruktur untuk agen AI.
-
2026-05-11Mengapa handoff desain perlu deterministik. Cara bundel konteks membuat codegen dapat direproduksi.
-
2026-05-11Mengapa Variables penting, apa yang dilakukan figmascope ketika file tidak memilikinya.
-
2026-05-11Cara figmascope menyimpan token Figma Anda di memori saja — tanpa backend, tanpa penyimpanan.
Kasus Penggunaan
-
landingEkspor konteks desain untuk Cursor AI.
-
landingKonteks desain terstruktur untuk CLI Anthropic.
-
landingDari Figma Variables ke tokens.json.
-
landingKonteks terstruktur untuk agen AI, bukan plugin UI.
-
landingAlur kerja modern dengan konteks terstruktur.
Ekspor Konteks Agen →
Tempel URL Figma Anda, dapatkan bundel konteks terstruktur. Berjalan di browser Anda.