Token taxonomy. AR. 3D cuboid.
Sponsor
What’s the hottest trend in the AR/VR ecosystem?
Tell us about the type of AR/VR projects you’re working on, your favourite tools but also for your pain points. You will automatically enter a prize draw to win awesome prizes like a Nintendo Switch, Apple Gift cards, Unity Subscription Plus plan and many more! Plus, everyone who completes the survey will get a free virtual goody bag packed with free reports, discount codes, vouchers for various tools and platforms.
App Updates
Host Figma and FigJam files in the EU
Starting July 6th, Figma Enterprise customers have the option to host key parts of their Figma and FigJam files in the EU. This feature is designed to give Figma customers in the EU greater flexibility to meet local compliance and data privacy requirements.
Set an idle session timeout for your organization
“For added security, organization admins on the Enterprise plan can set an idle session timeout to log out users as soon as 12 hours after they become inactive. By default, Figma automatically logs users out when they are inactive for 21 days.”
Using Figma
Creating a flexible design token taxonomy for Intuit’s Design System
Intuit is the parent company for products such as Quickbooks, TurboTax, Mint, Mailchimp, and Credit Karma. Intuit Design System (IDS) is used as a foundational system that other multidimensional design systems are built on top of. Nate Baldwin wrote about creating a design token taxonomy for it: “Token names are how design tokens are referenced and identified by consumers. But at the core, a “name” is more of an ordered representation of a catalog system and API. This catalog system and API is also known as a token taxonomy. Building a clear taxonomy assisted us in appropriately and consistently classifying tokens, as well as providing a scalable and predictable naming convention for consumers.”
Naming toggle switch tokens
Continuing with taxonomy, check out this discussion about naming tokens for a toggle switch UI element. Don’t miss the insight from Ryhan on how Figma approached this in their UI2 design system.
Functional loader
Vijay Verma with a quick video tutorial on how to create a functional loader with variables and conditions.
Swap variant instances between modes
MDS experiments with swapping variant instances between modes using boolean variables, and Johan Netzler suggests an alternative solution.
Shortcuts
Designer Advocate Mal shares a few handy shortcuts that are worth memorizing — quick actions search, hide the layers panel, insert components, and zoom to selection.
Study Hall: Using variables in prototypes 101
Miggi covers the different ways that variables can be added when creating prototypes, and how you can use them to make them more dynamic and with fewer frames. We cover all of the currently available variable types: booleans, numbers, strings, colors, and even discuss how to bind string variables to interactive components.
Search Config 2023 recordings
Shivani used an AI service to make Config 2023 recordings searchable and generate summaries and takeaways. While AI summarization can be hit or miss, searching by a keyword through all talks is surprisingly useful!
Made in Figma
Figma & AR
After playing with visionOS SDK, Alex Widua built a little iOS app that takes Figma frames and places them in augmented reality. “Figma plugin talks to an iOS app via WebSockets. All Figma frames are loaded as AR reference images which makes them detectable by ARKit. […] Once detected, a high-res version is loaded, mapped onto a plane, and stored as a reference for future updates.”
Rendering real 3D with variables
As always, Double Glitch is pushing the limits of Figma prototypes — this time by rendering a rectangular cuboid in 3D using variables and advanced prototyping. See his demo on Twitter and thoughts on the intricacies of this project.
Figma Jeopardy
A game of jeopardy powered by Figma variables! Change all the questions and answers with variables and play a custom game with your team. Made by Elizabeth Lin.
Plugins
Figlet
“Figlet is a sandbox-like environment with a built-in editor that allows you to play with and learn how to use the Figma developer platform right inside Figma.” It’s made by Gavin McFarland, author of the popular Table Creator plugin, and funded by Figma Creator Fund.
Export/Import Variables
A new plugin by Jan Toman: “Export variables from one file and import them to another. It’s great for migrating libraries, or when you downloaded a library from the community and you’d like to import variables to your existing design system.”