Resources

A variable font that renders bar charts, sparklines, and pie charts from typed text expressions. Add it via CSS, type something like {b:30,70,50,90} in your HTML, and the font’s ligature substitution does the rest — no JavaScript, no images, no rendering library. Two variable axes let you tune chart density and weight. It’s a genuinely clever hack, and the interactive demo is worth playing with.

If you’re heading to San Francisco for Config, the official conference is just the start. This Luma calendar aggregates the unofficial satellite events — happy hours, dinners, morning meetups, and a comedy night — organized by community members across the city. Several are already at capacity or on waitlist, so worth checking sooner rather than later.

Daily curated design news and resources for product designers, design engineers, and PMs — read all week, then get the best links in your inbox every Tuesday.

Explore the world of Figma Weave workflows in the new Community area. Figma Weave (formerly Weavy) combines multiple AI models with professional editing tools in a node-based canvas, covering image, video, animation, and VFX.

Figma Skills are Markdown instruction files that teach AI agents how to reliably handle specific Figma tasks — generating a design system from a codebase, building screens from existing components, and more. Community contributors are already adding new ones.

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.

Socrates’ submission to Makeathon is a design newspaper, built entirely in Figma Make and styled as a classic broadsheet. Lots of cool effects, including realistic page turn, the ink-wet loader, and ink bleeding through the back.

I wrote about Vercel’s Web Interface Guidelines in the past, but now they’re available as a skill/​command for your agent.

A fun tool to look back at 2025 activity in your busiest Figma files — see the people behind the pixels, who commented the most, your most and least busiest days of the year, replies, and debates.

Fantastic update to shadcn/​ui — now you can pick your component library (Radix UI or Base UI), visual style, theme, icon set, base color, fonts, and build something that doesn’t look like everything else. Shadcn/​ui was always highly customizable thanks to well-thought-out design primitives and treating components as a boilerplate, but this release takes it to the next level.

Config is returning to San Francisco on June 23–25, 2026, and early bird tickets are available with a 50% discount ($450 instead of the regular $899) for a limited time.

With variables now supporting extended collections, Luis Ouriach put together structure recommendations for multi-brand systems.

Also fun to see how Figma uses extended collection for its own multi-brand system.

The new all-in-one Affinity app, combining Pixel, Vector, and Layout, is now completely free. Only AI tools are locked behind the Canva premium plans — I’m wary of free tools, but this is an interesting strategy.

Mike Smith from Smith & Diction shares a working file with a refined visual identity for Contra. Love peeking behind the curtain.

An official catalogue of agentic tools supporting context from the new Figma MCP server.

“We’ve added three new Apple UI kits, watchOS, macOS, and visionOS, to help you design across even more surfaces. The kits are off by default, giving you the flexibility to switch them on only when you need them.”

Dima Belyaev open-sourced his React and Figma components for building beautiful products or starting your own design system: ​“The React library source code is now on GitHub and the Figma library is available in the Figma Community. I’m especially excited because Reshaped bridges both design and engineering, and I hope it helps both communities learn best practices for building design systems that scale while staying minimal.”

The new design tool Paper entered public alpha and is now open for signups: ​“We are launching with features like image generation, shaders, real flex layout, Copy as React, OKLCH color picker, vectorize, and many more.”

Stephen Haney, founder of Paper, thought it’d be fun to let everyone try the Apple heat map invite effect on their logos and shared a public playground file. Mind-blowing that a complicated animation like this made with shaders could just be copied from the design app straight to React.

A fun chatbot made by Max Schoening from Notion. Reading The Grug Brained Developer first is recommended, but ​“What Grug know” is a good primer on simplicity and avoiding pain.

Unicorn Studio makes creating WebGL effects, motion, and interactivity easy for designers. Later, they can be embedded in Framer, Webflow, or any website.