Figma's generative plugins gain motion and downloadable React code

Describe a plugin in plain English and Figma now animates it and hands back its code; its MCP feeds those designs straight to Claude, Cursor and Codex.

Nowline SEP 6 4:00 AM banner

Top AI stories from the last hour

Top AI stories from the last hour

Copy markdown

  • Plugins you describe, not code

    Figma's generative plugin builder turns a plain-text prompt — 'layout generator', 'vector path tracer' — into a working plugin, and the latest rollout adds animations and interactions plus community and org publishing so teams can ship what they generate.

  • You can now read and export the code

    The update lets you view and download the code behind generated plugins and shaders, with shaders rendering correctly in the emitted React — so what Figma writes for you becomes a starting point you drop into your own repo, not a black box.

  • The MCP server feeds your coding agent

    Figma's MCP server now supports third-party agent workflows: Claude Code, Cursor or Codex can read a design and, via Code Connect, map it to your real components — pulling the design-to-code handoff inside the agent loop. Admins gate the link through identity providers like Okta.

  • Code layers put a live repo on the canvas

    Config's code layers let you clone a repo onto the Figma canvas and build with real React and npm packages — motion and 3D libraries included — editing through a code composer or AI chat, so the design surface and the running app finally share one file.

  • Elsewhere: the React Compiler goes native in Vite

    Meta's Rust rewrite of the React Compiler is landing across the toolchain — now wired natively into Vite, which already ships the Rust bundler Rolldown, and into Next.js 16.4, which reports 40%+ faster builds. React projects get the speedup without extra config.