Luis updated Figma’s public UI2 design system file with all the features and elements introduced since its last update in 2019. His process is fascinating to follow and shows how much work went into this little update! Also has some great tips on plugins and the organization of a large design system.
Creativity is great, but it can get messy. How do you balance creative chaos and stakeholder visibility? Hugo Raymond spoke to Bupa to uncover their approach.
Vijay recreated a Fujifilm X100V camera using mostly primitive shapes with shadows and gradients. As a Fuji shooter since the days of X‑T1, I love seeing his attention to detail in this illustration! See this thread for his tips on creating a metal pattern and a camera texture.
Christine Vallaure reminds us of using Selection Colors for applying variables to multiple objects.
Tip: Quickly add #figma color variables. Don't select each element individually -make a bulk selection and jump to "Selection colors" at the end of your properties panel. Easy and efficient! This way, you ensure you don't miss any elements and can even out slight color imbalances pic.twitter.com/NZsHU9a16A
— Christine Vallaure (@moonlearning) July 31, 2023
“Saving” and “liking” resources are now combined to make Community simpler to use. Your saved resources are available from your Community profile or the Resources dropdown in a Figma file.
The number of installs or downloads used to be the only metric in the Community, but over time it was replaced with how many times a resource was used. Now you can also rate and review Community resources. It’ll be interesting to see which of the most used resources are also the most loved ones.
Ridd shares a free annotation components library to help designers communicate more effectively and nail down the handoff process. Comes with a video lesson on organizing Figma files using the helpers library.
…and one more list, but for advanced prototyping!
At Smashing Meets Figma event, Christine Vallaure showed how to add real data to your Figma designs, and various ways to include Google Sheets and API data via Kernel.
Designer Advocate Mallory mapped out a helpful list of resources like YouTube videos, playgrounds, community files, plugins, and articles to get started with Variables.
Miggi on using sections in Figma for prototypes and how to preserve the state of a given flow.
Molly shares her 3 favorite tips from the Config talk “Designer and developer workflows unlocked using Dev Mode” — using “Compare changes” (my favorite as well, and the first thing I showed my team!), testing components in the Playground, and switching between the design and Dev Mode by pressing the Shift‑D shortcut.
💡 Start using Figma's new dev mode with these 3 tips!
— Molly Hellmuth (@molly_hellmuth) July 28, 2023
Config's deep dive on dev mode with @Avantika789, @laurenbandres, @jennylea_, and Jake Albaugh is CHALK FULL of amazing tips!
Keep reading for my favorite 3.. pic.twitter.com/xf8dM6nYfb
Friends of Figma, Portugal community organizes a full-day hybrid event on September 25, 2023.
Lilibeth Bustos Linares interviews Miguel Cardona at the SoulDoodles podcast, where they trace his inspiring journey from being an assistant professor at RIT, to leading product design at Imgix, and to joining Figma as a Designer Advocate for Education.
A new tutorial from Vijay Verma on creating an animation for a loader indicator shaped like a glass filled with liquid. The prototype uses a few variables and conditions, and he shares them in the cheat sheet in the thread.
Another quick @figma tutorial to create this animation using variable and conditions 🥤. Small video to create this included. And get the code cheatsheet shared below. ✨ pic.twitter.com/VSiyS9jLSu
— vijay verma (@realvjy) July 19, 2023
Christine Vallaure wrote about one of the most under-the-radar new features of the Dev Mode — units conversion. Now, you can design with pixels and then translate them to rem or other relative units in code. (Thanks for sharing the friend link with Figmalion, Christine!)
Luis Ouriach with an introduction to variables and a primer on how to structure your variable collections for single and multi-brand systems.
Niko shares how advanced prototyping came from a vision in June 2022 to reality at Config 2023. The team had to ship variables, multiple actions, expressions, and conditionals simultaneously to make it happen. This release is a huge achievement and the team should be celebrated for it.
With @figma's #Config2023 being a few weeks in the past, I wanted to share a thing I'm proud of: The way we talked about our Config launch a year ago super closely maps to how we actually ended up talking about it at Config. pic.twitter.com/i24dV5X8vp
— Niko (@nikolasklein) July 22, 2023
Fantastic post by Developer Advocate Jake Albaugh on how component properties can be translated and aligned between design files and coding frameworks to help designers and developers work better together. “Implementing components as a designer in Figma differs from implementing as a developer in a codebase. When you optimize for the developer or designer experience with a component, it is tailor-fit for that specific purpose — even if it shares a name with a component in another environment.”
It was really cool to relive the conference through Charli’s vlog. I’ve been covering her work for years, and we briefly met in person at Zeplin’s after-party. Now I have a huge FOMO from missing the Design Life podcast meetup, as I headed out to the airport. (Fun fact: I discovered Femke’s work through her vlog from the first Config in 2020, and she is Charli’s co-host of the podcast.)