A base UI kit from Advocates Luis and Jake is available in the Figma assets panel by default. It’s backed with a fully Code Connected React codebase. See Luis’ thread on how and why it was made.

Rasmus Andersson was one of the early designers at Figma and greatly impacted how it looked over the years. His thoughts on the redesign: ​“Not a fan of the floating sidebars, the rounded icons or the tiny layer hit targets, but I think pretty much everything else is good.”

Pablo Stanley highlights some of the little details that were announced at Config.

Recap and wishlist from Joey Banks: ​“While the updates felt a little more iterative this time around rather than innovative, what Figma shared seems to be paving the way for all that’s near and far ahead. In case you missed the product keynote, or if perhaps you’d just like a recap of the highlights from the perspective of a design systems designer, I’d love to share all that’s new with you in this newsletter.”

This session is a must-see if you have time for only one. CEO Dylan Field’s opening keynote walks through how Figma rethinks product development from the ground up and introduces new methods to help you make great work.

A new free resource by Fons Mans.

Martin Bekerman is back with a new vector illustration made in Figma.

A 2‑hour course by Meng To on building a real website from a Figma template using Codux. ​“You’ll master responsive design, collaborate with developers on a real React project, export CSS from Figma using Locofy, set up breakpoints with media queries, add CSS animations, improve SEO, create multiple pages with React Router, and publish your site. By following best practices, you’ll bridge design and development, improve your web design skills.” 

Double Glitch made a new tutorial on creating a real working parallax effect in Figma. Don’t miss the Community file as well! 

Ridd explains how to make your components easier to use by exposing nested instances.

Jacob Miller shares two variables tips to avoid the most common problems: 1) ​“Never create a mode that shouldn’t be set at the page level” (read more about inheriting a context), and 2) ​“Never publish a variable that users shouldn’t consume” (see why component-scoped variables can 10x the number of variables you ship). Don’t miss discussions in replies. 

Draftocalypse seems to be over, but it’s still worth sharing this video that Tom Lowry, Director of Advocacy at Figma, put together to walk you through what’s changing and answer a few common questions. 

Jun 26th, 10:00 PM – 1:00 AM. ​“Figma fans, join the unofficial Config Afterparty at frog HQ! Mingle with fellow designers, enjoy eclectic beats, drinks & bites, win prizes, and keep the creative energy going. Get inspired by an engaging talk from Pablo Stanley, a Latin designer based in Mexico and co-founder and CEO at Musho & Lummi, and fun activities to help slow down and refocus your attention.” 

June 26th, 6–9 PM. ​“Fireside with founding designers at Instacart, Nike, Maven, and IFTTT.” 

June 25, 7:30–9:30 AM. ​“Make new connections while stretching your legs, soaking in the gorgeous bay views, and sipping on espresso. Molly Hellmuth and Socrates Charisis will guide you along a coastal trail with views of the Golden Gate Bridge. Afterward, we’ll enjoy some well-deserved coffee on the beach courtesy of Wix Studio!” 

Rob Hope interviews a design wizard Vijay Verma. ​“Vijay Verma is a talented designer renowned for his intricate Figma art and his extensive portfolio of free digital resources. In this episode, we explore his humble beginnings as an electrician in India and his rise to become one of the most beloved designers in the Figma community. Additionally, we have a special case study where Vijay walks us through his character design process, complete with a bonus time-lapse recording he sent after the interview.” 

Whoa, finally! Can’t believe this is getting fixed a few days before Config. Add bold, italic, underline, or strikethrough font style to a portion of text with an applied style without detaching it first.

Jordan Singer shares a few things he learned while designing and building AI at Figma.

Christine Vallaure made a responsive and modular type scale using a scaling ratio approach.

Designer Advocate Ana Boyer with a reminder to plan your tokens and variables implementation before creating them in Figma. ​“In general, building then refactoring your variables is much more work than taking more time to plan before implementing. As they say: measure twice, cut once.” (That said, making refactoring easier in Figma won’t hurt.)