Issue #245: AI-native designer. Skills. Sync design and code.

Kris Puckett – Becoming an AI-native designer

Ridd interviews Kris Puckett, design manager at Stripe and formerly design lead at Mercury and Dropbox, on becoming an AI-native designer by using tools like Claude Code, OpenClaw, and personal AI to ship his own apps, supercharge his design practice, and build highly personal systems for life and work. I’m deeply curious about the last part and can’t wait to dig into his course Neuma on building a personal AI system.

#AI

Designing with Claude Code

Steve Schoger is a design cofounder of Tailwind CSS and a recent Claude Code convert. In this walkthrough, he is using Claude Code as his main design tool to turn a generic AI-generated marketing page into a polished Tailwind UI, with lots of concrete tweaks to typography, spacing, borders, and layout.

Jenny Wen – Design Lead at Anthropic

Jenny Wen, who brought FigJam from concept to launch at Figma and is now design lead at Anthropic, talks at the Double Diamond podcast about designing Claude itself. The key difference from traditional software: “When you are designing now with these LLMs, you basically can’t map out all those flows. You basically just have these core primitives and these specific states that you want the model to get to, but the possibilities in which the user can actually interact with the model are just basically endless.”

AI and the Rosetta Stone

Yann-Edern Gillet, design engineer at Linear, revisits his “Rosetta Stone” metaphor for design engineering translation through the lens of AI. The central argument: when translation is cheap and instantaneous, the bottleneck shifts from execution to meaning — and the new craft is preserving intent while everything accelerates.

#AI

The Joy of Building Slow

The Not Boring Software founder’s five-year reflection on rejecting the venture script in favor of slow success: “Slow success means you get to stick with an idea long enough for it to get interesting. Interesting work takes time. Many artists spend their entire life exploring a single technique or topic. Deeper work leads you to deeper meaning leads you to deeper fulfillment.”

The color statistic that’s been wrong for 80 years

Kevin Muldoon traces the “humans can see between 1 and 10 million colors” claim to its source, and finds it’s an 80-year-old shrug repeated without verification. Designers cite this number constantly; the actual answer is more complicated and more interesting.

#Color

Details That Make Interfaces Feel Better

Jakub Krehel’s collection of small interface details that compound into a significantly better experience: text-wrap balance, concentric border radius, contextual icon animations, tabular numbers, interruptible animations, optical vs. geometric alignment, and shadows instead of borders. Each one has a live interactive demo. The kind of small details that separate a polished interface from one that just functions.

These details also exist as an installable skill for Claude Code, Codex, and Cursor. Once installed, your AI coding agent automatically applies these principles when building UI.

#Quality

Emil Kowalski skill

Pair the Emil Kowalski skill with the Jakub Krehel skill above, and you’ve got a solid baseline of design engineering taste baked into your AI coding workflow. Emil’s focus is specifically on animations — spring physics, performance, and interruptibility.

How Figma engineers sync designs with Claude Code and Codex

Gui Seiz and Alex Kern from Figma walk through the exact workflow they use to keep design and code in continuous sync using Figma’s MCP, Claude Code, and Codex. Their demo shows the full round-trip: pull a running web app into Figma as editable frames, make design changes on the canvas, push them back to code via Claude Code. If you’d rather read than watch the full video, the newsletter summary of this How I AI episode captures the key takeaways.

Code to Canvas: Codex

Figma’s official walkthrough for the Codex-to-canvas workflow: pull coded designs into Figma as editable frames, iterate on the canvas, push changes back to code.

Code to Canvas: Claude Code

The Claude Code version of Figma’s “Code to Canvas” tutorial. Clear and short, covers the same workflow as the above.

Guide: AI-Native Design with Paper

TK Kong shares a detailed guide to his workflow with Claude Code and Paper, the design tool built on native HTML/CSS rather than a WebGL canvas. The workflow of agent writing HTML into Paper frames, designer editing on canvas, and agent implementing code is similar to the Figma MCP workflow covered above, but also allows working with existing designs.

The Paper Snapshot Chrome plugin — which copies live web UIs directly into Paper as editable layers — is exactly what I wanted while wondering why Figma won’t make “a universal “Send to Figma” browser extension”.

#Paper

Introducing Apps in Figma Community

Figma Community now includes Apps, a new category that connects Figma to external tools, including AI systems and third-party products. Find them in Extensions alongside plugins and widgets.

Purchase and manage additional AI credits

Admins can now purchase additional AI credits in Figma, either as a subscription with volume-based pricing or pay-as-you-go for variable usage. Available now for Organization and Enterprise plans, coming to Professional in May.

Meet your 2026 Makeathon winners

Annual reminder that the Makeathon is the best showcase for how far Figma Make can be pushed.

#Figma Make

Luis Ouriach – How are design systems changing?

Luis Ouriach argues that modern design systems have become the centerpiece of software development in an AI-first world, shifting from a siloed support function to the primary mechanism that tells LLM-based tools what to build, and therefore directly shaping code quality, speed, and brand differentiation.

The shadcn-ification of the internet

Luis on what the “shadcn-ification” debate is actually about — not the visual uniformity, but the organizational misread: “The mistake isn’t in the ingredient. It’s in thinking that having access to good ingredients is the same as knowing how to cook.”

Stakeholders are concluding that the design system infrastructure is done because a great foundation exists. The teams that have spent years practicing design systems understand exactly why that conclusion is dangerous.

Jony Ive Discusses Redesigning the Christie’s Rostrum

Jony Ive on redesigning the Christie’s auction rostrum, an object with 260 years of history and specific ceremonial weight.

#Cool Thing

AI-native designer. Skills. Sync design and code.

What's New