MCP Server. Taste. Physicality.
Sponsor
psd.to.design Figma plugin ✨
Import Photoshop files into Figma with drag-and-drop — fully editable with layers, masks, effects, and pixel-perfect, just like you designed it.
App Updates
Apple fonts now automatically available
Apple’s SF Pro and SF Compact fonts are now automatically downloaded in Figma Editor, Slides, and Buzz.
What’s New
Physicality: the new age of UI
Sebastiaan de With is the co-founder and designer of the award-winning apps Halide and Kino for photography and video. In this article, he imagines what could be next for the UI design at Apple: “What would I do if I were Apple’s design team? What changes would I like to see, and what do I think is likely? Considering where technology is going, how do I think interface design should change to accommodate?”
(Reminder that WWDC25 is happening this week, with a keynote on Monday at 10 AM PT. That’s when we’ll find out how close his predictions are to what Apple designers have in mind.)
Introducing the 2025 Apple Design Award winners
Speaking of Apple, the latest winners of the Design Award were announced. Congrats to Play for winning the Innovation award!
Taste
Investor Sarah Guo wrote a beautiful post on building organizational taste: “Start with the founder edit. Early on, every user-facing decision flows through one person — not for control, but for consistency. This only works with respect, explanation, and velocity. You’re not a bottleneck; you’re a tuning fork.
Then hire multipliers. A designer who codes. An engineer who notices typography. These people collapse the gap between vision and execution. They don’t just build what you describe — they build what you meant.
Dogfood religiously. Use your product the way customers will. Feel the sharp edges. Most teams test features; taste-driven teams test feelings. When something hurts, fix it. When something delights, double down.
Track delight debt alongside technical debt. Monitor the small things you’re not doing — the loading animation, the empty state, the error message personality. These compound into brand equity. Every rough edge you leave unfixed teaches your team that craft is optional.
Make quality a principle, not “quality” as bug-free, but quality as craft. The best engineers aren’t drawn to easy problems or high valuations. They’re drawn to teams that give a shit about the work itself. They want to build things that matter and feel pride in what they ship.
Create user exposure to cultivate this instinct. Engineers naturally optimize for efficiency. How do you get them to do something 10x harder for 10% better UX? Let them watch a user struggle with their “efficient” solution. Let them hear the confusion in a customer’s voice. User feedback is the best teacher — not because it tells you what to build, but because it shows you why craft matters.”
Figma Design
Introducing our Dev Mode MCP server: Bringing Figma into your workflow
Figma announced the beta release of the Dev Mode MCP server, which brings it directly into the developer workflow to help LLMs achieve design-informed code generation. Jake Albaugh shared a sneak peek at the GitHub × Figma Dev community event during Config, and I’m excited to finally give it a try.
“[MCP server] allows developers to bring context from Figma into agentic coding tools like Copilot in VS Code, Cursor, Windsurf, and Claude Code. Whether it’s creating new atomic components with the proper variables and stylings or building out multi-layer application flows, we believe this server will provide a more efficient and accurate design-to-code workflow.”
“If you’ve already invested in a design system and leverage patterns like components, variables, and styles that are aligned between design and code, the Dev Mode MCP server is a multiplier — we want to make sure that the LLM can benefit from these patterns, too. Agentic search techniques can take quite a bit of time to locate the right patterns, especially in large codebases. They may also find valid patterns that stray from those referenced in a design. By providing references to specific variables, components, and styles, the Dev Mode MCP server can make generated code more precise, efficient, and reduce LLM token usage. […] If Figma knows which components you’re using, it can share the exact path to the code file the agent needs with Code Connect.”
MCP Server Setup & Tutorial
Gary Simon recorded a video tutorial on how to set up and use the new Figma MCP server. He shares tips on how to set up Cursor and prepare your designs for agentic coding tools with Auto Layout, variables, and naming your layers.
Use thicker text in dark mode
I always learn something new from Molly — today it’s grade support in fonts. Read more in the Grade axis (GRAD) article at Google Fonts.
Designing icons for blank states
Tim Van Damme shares a nifty trick for reusing scaled icons as blank state illustrations. In Figma Draw, he applies dynamic strokes, various brushes, pattern fills, and noise effects to give icons a beautiful hand-drawn feel. I thought Figma Draw wasn’t a tool for me, but this video showed it from a different side and made me eager to explore.
Brush masks
Creative possibilities provided by new Figma Draw tools are truly inspiring.
Figma Make
Holly Li and Niko Klein making things in Figma Make
“Figma Make (still in beta) is now rolled out to 100% of all Full seats. Watch PMs Holly Li, Nikolas Klein, and Tom Duncalf make things live in Figma Make.”
Plugins
Import CSS shadows, create Figma styles
A new practical plugin from Luis comes in handy while rebuilding shadows in Figma from an existing website.
Backstage
What set the best teams apart
Robert Bye keeps sharing lessons he learned at Figma. In part 3, he talks about autonomy, creativity, collaboration, communication, and camaraderie which he saw at Figma’s most inspiring teams daily. “Before joining Figma, I experienced far too many teams riddled with people playing politics, jockeying for credit, and optimising for performance reviews. Thankfully, that culture was refreshingly rare at Figma. Instead, most folks genuinely enjoyed collaborating, celebrated each other’s wins, and championed each other’s successes. Whether it was PMs ensuring designers presented their own work to leadership or team leads publicly praising IC engineers for fixing gnarly bugs, ego-free collaboration was consistently modelled.”