“Designing in Figma” book launch. New features: Variants, Interactive Components, and improvements to Auto Layout.
📘 My book “Designing in Figma” is finally here! 🙌 I started collecting material while working on the Figmalion almost a year ago, spent six months writing it, and another two illustrating, designing, and producing different versions. Lots of tips and tricks I previously included in the newsletter made it to the book. There are over 220 illustrations and screenshots inside! It’s available as an ebook (handcrafted PDF + EPUB) and a print-on-demand paperback from Amazon.
Right now, I’m running a limited-time launch price on an ebook — it’s only $19 instead of the full price of $29. Check out the website figmabook.com to see the Table of Contents and what’s inside. I’ve put a lot of time into the book, and it would mean the world to me if you check it out and help spread the world!
Now, onto the Config Europe and fantastic updates from Figma.
Announcements from the above keynote, presented as a blog post. “We believe in embracing concepts from engineering and design, adopting the rigor and reusability of code while preserving the rapid iteration and uninhibited exploration that makes visual design so powerful. […] When code and design components mirror each other, teams can move much more efficiently. Today, we announced Variants, Interactive Components, and improvements to Auto Layout that will allow teams to do just that.”
A guide to creating the perfect palette with Material Design. While it’s not strictly specific to Figma, the recommended Baseline Design Kit makes it easy to preview a custom color palette in the Material Design system.
Tammy Taabassum created a design system in Figma for an existing product following the design thinking process. She started by assessing the situation (Discovery), set goals (Define), and only then built components and unified colors.
Somehow I missed this article earlier this year, but it’s a good resource for creating an automated process to keep design tokens of the design tool in sync with the code behind it. They achieve this by setting up a Node.js server that generates Sass and Tailwind files with all the variables from the Figma API.
I rarely write about plugin updates, but this one is exciting — TinyImage Compressor added support for AVIF image format. If you haven’t heard about it before, check out the blog post “AVIF has landed” from a developer advocate for Google Chrome.
“Since presenting is a large part of both client-facing work and startup-building, Abigail spent the first three years of college refining her presentation skills in front of a variety of audiences: toy designers, vehicle inventors, entertainment executives, and more. Below, she shares her tips for developing and delivering a presentation that lands.”