FIGMASCOPE · SKRIVANDE
Anteckningar om kontextinfrastruktur.
Tekniskt skrivande om strukturerade kontextpaket för kodningsagenter — vad som finns i paketet, varför pixlar inte räcker, hur artefakterna mappas till verkliga kodgenarbetsflöden och hur figmascope jämförs med plugins, MCP-servrar och Dev Mode.
Arbetsflöden
-
2026-05-11Steg för steg: exportera från figmascope, packa upp i Cursor, prompta agenten. Riktiga CLI-kommandon, riktiga .cursorrules.
-
2026-05-11Koppla ett kontextpaket till Claude Code. Reproducerbar Figma-till-kod-generering mellan sessioner.
-
2026-05-11Arkitektera, redigera, refaktorera med strukturerad Figma-kontext. Aiders diff-arbetsflöde + tokenmedveten kodgen.
-
2026-05-11Hur IR:n mappas till Compose-primitiver. Riktigt exempel: startskärm från JSON till Composable.
-
2026-05-11tokens.json → tailwind.config.js. Agentdriven, deterministisk, tokenmedveten React-kodgen.
Paketets anatomi
-
2026-05-11Hur figmascope strukturerar CONTEXT.md som en kompilatorliknande spec. Strikta begränsningar, omfångsnoteringar, bearbetade exempel.
-
2026-05-11Inuti tokens.json: avstånd, radier, färg, typografi. W3C-liknande format, frekvenshärledd fallback.
-
2026-05-11De fyra typerna. Hur figmascope normaliserar Figma-layouter till en typad, spatialt bevarad IR.
-
2026-05-11Varför komponentidentitet är viktigt för AI-kodgen. INSTANCE-länkning, 300-postsgränsen, refaktoreringssäkerhet.
-
2026-05-11Punktnotationsnycklar, kollisionshantering, i18n-klar utdata, kyrillisk translitterering.
Jämförelser
-
2026-05-11Plugininspektering eller portabelt paket? Var var och en passar.
-
2026-05-11Serveranslutning eller vanliga filer? Den arkitektoniska avvägningen.
-
2026-05-11Genererad kod eller strukturerad kontext? Avvägningen förklarad.
-
2026-05-11Visuellt CMS eller kodkontext? Olika jobb.
-
2026-05-11Plugin-runtime eller webbläsarexport? Varför distinktionen är viktig.
Strategi och essäer
-
2026-05-11Skärmbilder förlorar hierarki, semantik, avståndssystem, tokenrelationer och komponentidentitet.
-
2026-05-11Kategoriskiftet: från pixelbaserad överlämning till strukturerad kontext för AI-agenter.
-
2026-05-11Varför designöverlämning behöver vara deterministisk. Hur kontextpaket gör kodgen reproducerbar.
-
2026-05-11Varför Variables är viktiga, vad figmascope gör när en fil inte har dem.
-
2026-05-11Hur figmascope håller din Figma-token enbart i minnet — ingen backend, ingen lagring.
Användningsfall
-
landningssidaExportera designkontext för Cursor AI.
-
landningssidaStrukturerad designkontext för Anthropics CLI.
-
landningssidaFrån Figma Variables till tokens.json.
-
landningssidaStrukturerad kontext för AI-agenter, inte plugin-UI:n.
-
landningssidaEtt modernt arbetsflöde med strukturerad kontext.
Exportera agentkontext →
Klistra in din Figma-URL, få ett strukturerat kontextpaket. Körs i din webbläsare.