Figma Code Connect with React and MCP
How to connect Figma components to a typed React UI library, publish current Code Connect templates, validate states in Storybook and improve MCP context.
BLOG / FIELD NOTES
Frontend systems, performance, AI-assisted engineering and the strange, constantly changing work of making software.
How to connect Figma components to a typed React UI library, publish current Code Connect templates, validate states in Storybook and improve MCP context.
Build one token contract across Figma, Tailwind CSS and NativeWind using DTCG JSON, variable aliases, modes and generated themes for web and Expo.
Deferrable views are easy to write and hard to aim. Choosing triggers, when prefetching pays, what we tried and abandoned, and whether hydration applies to you.
The schematic converts what it can, then stops. Why it reports nothing to be done, and how to clear the providers, forRoot calls and members it cannot touch.
Angular is OnPush by default from v22 and zoneless from v21. How change detection actually works now, why the view flags matter, and what Eager is for.
A field report from partway through a zoneless migration: what the v22 migrations really do, why the last step is the easiest, and what breaks in your tests.
How Fiber gave React control over rendering work, and why that architectural shift enabled interruption, prioritisation and concurrent rendering.