Color space. Shape.fm. Make-a-thon.
Sponsor
image.to.design — Turn screenshots into editable Figma designs
Import any UI screenshot or image and convert it into a fully editable Figma design. Real layers. No tracing. No rebuilding. Just drop it in and start designing.
What’s New
What is a color space?
Dan Hollick is writing Making Software, “a reference manual for people who design and build software.“ I’ve always admired the depth he goes to while researching and explaining complex concepts. In this new chapter, he answers every question you’ve ever had about digital color.
What are OKLCH colors?
Jakub built oklch.fyi and published a short intro to OkLCH: why perceptual uniformity makes palette-building easier, how to keep shades consistent, what to expect from gradients, practical notes on sRGB vs. Display-P3, and the state of browser support and CSS fallback. See Hacker News comments for an in-depth discussion.
Shape.fm
James McDonald and Derek Briggs start a new design podcast together, and I can’t wait to subscribe. I enjoy the format where co-hosts explore topics at length over multiple episodes and listeners get to know them a little better, as was the case with my long-time favorites Design Details and Layout. “This podcast dives into design with a focus on learning taste, honing quality, and mastering the craft of great interfaces.”
Figma Design
Objects to Instances
If you missed a 2‑hour-long video Vibin’ on Inflight shared in #221, Ridd shared a short snippet demonstrating an advanced technique of turning similar objects into instances of a component by using Select Layers, Master, and Destroyer plugins.
From Figma to code: Shipping faster with shadcn MCP, Figma MCP and Pro Blocks
Matt Wierzbicki shows how to turn Figma designs made with shadcn/ui into production‑ready code by setting up Cursor to use shadcn/ui and Figma MCPs.
Grids critique
Tom Johnson lists 10 issues that make grids hard to use in Figma.
Up-game your Figma design systems
Mr. Biscuit explains the process of building a parametric button in Figma using the Variable Visualizer plugin.
Figma Draw
0º or 90º: A Technique to Improve Your Vectors
A calligraphy artist Jake Rainis shares an interesting technique to improve your Bezier curves: “Plot your anchors as you normally would, but when you pull the Bezier handles to create curves, pull them at either a 0º angle (horizontal), or 90º angle (vertical).”
Stamp
Marijana Pavlinić with a gorgeous recreation of a Vatican stamp. Amazing what new brushes made possible.
Macintosh
Beautiful illustration that took Ajnas 29 hours and 1,100 layers to make in Figma.
Koi
Vijay Verma goes from sketch to a cool illustration of koi fish made in Figma Draw in 6 steps.
Figma Make
Make-a-thon
The first-ever global Figma Make-a-thon, hosted by Contra. Build something amazing with Figma Make to win $100k in prizes, including a $50k grand prize. Register now and submit your entry between September 3rd and 10th to be eligible to win.
Figma Buzz
Unsplash stock images in Figma Buzz
“Now you can access millions of high-quality stock images from Unsplash directly in Figma Buzz. Just open the left sidebar and click on the media panel to explore a feed of beautiful images for inspiration or use the search bar to quickly find exactly what you need.”