AI Agents Are Moving Into the Canvas

Figma↗, Subframe↗, and Onlook↗ each expanded AI-agent features this week, and all three point at the same thing: design tools are losing their boundary with the codebase.

Figma↗'s AI agent came out of limited beta. Skip the prompt-to-frame generation; the more interesting part is that the agent reads your actual component library. When it suggests a layout change, it uses your tokens and your components, not generic placeholders. Alongside it, "Check designs" runs design system QA automatically: flags token drift, style mismatches, accessibility contrast issues while you work. That's something that previously required someone with deep system knowledge and too much time on their hands.

Subframe↗ has an MCP server that lets Cursor↗ and Claude Code↗ read your component library directly, without anyone copying code by hand. You stay in your IDE; the agent already knows your design system. Less visible than the Figma↗ work, but probably changes more day-to-day: design systems become APIs that your coding agent can actually use.

Onlook↗ hit #1 on Hacker News this week. It's open source (Apache 2.0), built for React/Next.js, and positions itself as "Cursor↗ for designers." The cleaner description: visual edits write to JSX in real time. There's no handoff because there's no gap to hand across. You're editing the codebase, just without looking at it.

Tomorrow (June 16, 10am PDT) Framer↗ goes live with something they're calling "the future of designing." After CMS 3.0 earlier this year pushed them toward full website platform territory, it's not obvious whether they're still competing with Figma↗ or whether they've moved to a different fight. Worth watching regardless.

From the bookmarks this week: Gatheros is a Mac app for collecting design inspiration with AI-powered visual search. Worth a look if you still keep inspiration in a folder called "refs" that you never actually open.