Resources

Love this new app’s approach — instead of keeping your design system in one place and documentation in another, FigMayo lets you create and publish docs directly from Figma. Any change made in Figma to naming, structure, components, or notes can be published automatically, drastically simplifying and speeding up your workflow.

A set of social widgets for Bento with a little extra depth from Double Glitch.

Designer Lynx is a resource hub for all things Figma and product design.

A simple FigJam widget to easily visualize upcoming events and deadlines from the Figma team.

A pack from Double Glitch with a collection of pre-made text effects that you can apply to your designs with just a few clicks. Reminds me of the good ol’ days of downloadable Photoshop actions. While the pack is commercial, I suggest checking out a free demo in the Community and watching a screencast.

NewsKit is the design system of News UK and is designed for helping build experiences across web products. It includes a Web Component Library and supporting themes. Check out the full website as well.

A cool realistic illustration by floguo of the Braun SK2 radio designed by Dieter Rams.

So happy to see that this geeky tool hit 2nd place as a Product of the Day at ProductHunt last week! Its author Roman Shamin collaborated with me on Accessible Palette in the past and built a few other projects featured in this newsletter. While the UI of the color picker may seem complicated at first, its guiding principle was educating and demonstrating new concepts underlying the OKLCH and LCH color spaces. It’s my go-to tool for working with these color spaces and wide-gamut P3 colors.

For additional context, see an in-depth article OKLCH in CSS: why we moved from RGB and HSL by Roman’s co-author on using OKLCH color space in code, as well as my article Accessible Palette: stop using HSL for color systems on using perceptually uniform color spaces as a foundation for design systems.

This template provides simple, functional, and customizable tools for simplifying the developer handoff process and streamlining design documentation. Learn more about the design audit process in this guide: ​“A design and UX audit is a comprehensive evaluation of a product’s user interface, functionality, and overall design.”

All-in-one free and open-source wireframe kit for quickly designing and prototyping ideas by Vijay Verma. The library contains more than 250+ components supporting dark mode and 150+ ready-to-use mobile screens.

Some folks were upset when Figma added tables to FigJam because pasting data from Google Sheets was used to create a set of sticky notes. This plugin brings back this behavior by letting you convert tables to sticky notes.

For this April Fun Day, Figma added a snake game to a Section tool inside FigJam. I don’t expect it to be around for too long, so give it a try if you can! See also a thread from Mihika Kapoor on how the team came up with the idea and built it.

The community file is my favorite way to learn about and see demos of all 32 Little Big Updates.

Adobe announced Firefly, a family of creative generative AI models coming to Adobe products. The integration with Creative Suite and responsible generative AI is what makes it potentially very interesting. I also like that it’s positioned (similarly to GitHub’s Copilot) as a productivity tool and not a substitute for creators. For more context, see this thread by Sudharshan and another one by Linus with mind-blowing examples.

A set of unique customizable mesh gradient blends.

Laura Reyes designed a free icon set in a linear style, and now working on animated icons.

”Doodles and Scribbles is a collection of fun, vector illustrations to add some personality to your projects. With over 100 options, there’s a ton of possibilities.“

Meng To published a set of gorgeous handcrafted 8K wallpapers generated from 3D.

Spline is like a Figma of the 3D world — web-based, real-time, and collaborative. (I still can’t believe that this is actually possible!) They’ve just introduced Spline Viewer, a new and easy way to embed 3D on your site. Support of all kinds of interactions makes it really fun to play with. Check out a recent experiment by Vijay.

“Introducing the Device Mockups Ultimate Collection — the ultimate resource for designers looking for high-quality device mockups. With over 43+ photo-realistic devices, including phones, tablets, desktops, and monitors, all built with scalable vectors and exact manufacturer specs, your designs will look stunningly accurate.”