Honestly, at this point, I gave up on trying to understand how Double Glitch creates their prototypes. All possible Tic Tac Toe moves were manually tied together in this prototype, which is an incredible amount of work. Make sure to get a copy of the file and look under the hood!
Luis shares a few tips on structuring library files. He recommends optimizing variants for searching and usage rather than maintenance, and suggests this file structure: Page → Section → Variant. Also, check out his other thread on naming and splitting your library files.
We spend a lot of time talking about component structure, but the library files themselves are often ignored
— luis. (@disco_lu) February 27, 2023
So what goes into structuring a good Figma component library?
Here are a few tips, hopefully a good starting point 📈 pic.twitter.com/2zL7xk9eSx
“This workshop will be a deep dive into the prototyping features in Figma. We will cover many of the basic frame-to-frame navigation prototypes for devices, and touch upon some of the more advanced capabilities that you can unlock with video, interactive components, and sections.”
“We will leverage Figma’s native prototyping capabilities to demonstrate how to collaboratively design slide decks, as well as utilize FigJam’s whiteboards to present ideas while others follow along and give feedback. You can use these techniques to give interactive presentations, engage your audience (or students), and communicate your content clearly and compellingly.”
“In this workshop we will cover how to apply motion and animation when prototyping with Figma. We will cover concepts like transitions, delays, timing, smart animate, and interactive components.”
In this series for educators and students, Miggi introduces Auto Layout features and covers best practices and tips for designing layouts that can change with their content.
Video and transcript of a fireside chat with Dylan Field on Figma’s origins, AI, and education.
Marcin Wichary leads the editor design team at Figma and wrote some of my favorite deep dives on design-related topics (like underlines on Medium or fonts and line height at Figma). Now he is working on a gorgeous book about keyboards, “covering 150 years from the early typewriters to the pixellated keyboards in our pockets.” Shift Happens (what a name!) has already become the #3 Kickstarter non-fiction book of all time, and seems like it’s on its way to a stretch goal, unlocking a larger 3rd volume. Highly recommend listening to his recent interview on the Design Details podcast about the book, its publication, website, and more. Consider backing this project by March 9, 2023 to help it reach a stretch goal.
A simple temperature prototype by Vijay Verma, made as a part of Figbruary.
A simple temperature prototype in @figma. There are already so many great interactions shared by the community for #figbruary. cc @miggi 🌡️ pic.twitter.com/0RcfSrr3Xs
— vijay verma (@realvjy) February 13, 2023
Miggi shows how to use Figma sections for prototyping. Besides being a wonderful organizational tool, sections give you the ability to remember the states of areas of your prototype.
Anyone else love sections in Figma? @miggi takes it one step further to show you how to use sections for prototyping. pic.twitter.com/Z3IJZnRGjW
— Figma (@figma) February 13, 2023
Patrick Morgan with shares simple guidelines for using Figma to showcase your strength as a visual storyteller.
While Figma doesn’t have native support for color tokens yet, Luis kicks off a discussion of how they might work in the future. His approach is similar to how I usually organize color tokens in CSS, so hopefully that will be the direction they take!
There are a lot of questions at the moment about colour tokens and Figma soooo
— luis. (@disco_lu) February 15, 2023
I thought I'd thread some thoughts on it to create a healthy discussion in public 🧂 pic.twitter.com/M2SINRwMER
Jordan Singer and the Diagram team share the preview of Genius, their new tool for generating user interfaces with AI. “It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. It’s important to explore lots of ideas and iterate in the design process, and Genius ideates and iterates alongside you as you design.”
Designer Advocate Ana Boyer with great recommendations for reducing noodles, creating micro-interactions, and organizing separate designs into flows.
Working smarter, not harder also applies to prototyping. 😉
— Figma (@figma) February 6, 2023
Here are six #FigmaTips from Designer Advocate @_AnaBoyer for prototyping in Figma.
1/ Draw prototyping links from navigational components to reduce the need for repeatedly drawing connections. pic.twitter.com/Ew4A1qjf1K
Molly Hellmuth explains how to build the perfect combo button that contains two actions in one component, each with independent states and resizing behaviors. This button allows designers to combine related actions, saving space and simplifying designs.
💡Figma Tip: Build the perfect combo button
— Molly Hellmuth (@molly_hellmuth) February 10, 2023
Create a button that contains 2 actions in one component. Each with independent states and resizing behaviors. This button allows designers to combine related actions, saving space and simplifying designs.
Keep reading to learn how.. pic.twitter.com/q8UfrAjFUX
Seems like Figma reversed the original policy prohibiting third-party payment tools and delayed the launch of the paid resources in the Community until March 7th. While I believe Figma’s 15% fee for covering transactional costs and acting as the merchant of record is very fair, I applaud their flexibility and openness to community feedback. (Historically, Gumroad was one of the most popular platforms for selling digital products, but with their recent price increase I don’t know why would anyone go with them instead of a built-in community marketplace.)
👏 Hats off to @figma for listening to creators and reversing their policy - a great move unlike other companies who take advantage of their ecosystem makers whenever they can (🐦👀) pic.twitter.com/Q1Bnmmy0CI
— Vincent Le Moign 🇺🇦 (@webalys) February 9, 2023
If you ever wonder what Designer Advocates do at Figma, Clara Ujiie just gave a mini-presentation to Figma interns answering this question. While community engagement is the most visible part of advocates’ jobs, they also spend a lot of time on customer education and learning how customers and the community use Figma.
A new plugin by Vijay Verma: “The plugin utilizes the Metavatar algorithm to create stunning gradient backgrounds in a variety of cool colors. It also has the added feature of adding noise to make the gradients even more visually striking.”
Well, now we all know how to refer to the Auto Layout alignment control.
In a call today someone called this a cracker and from now on this is the term I will be using when demoing Auto layout pic.twitter.com/FxPejtRFsw
— Ana Boyer (@_AnaBoyer) February 1, 2023
Essential list for any card-carrying Figma professional.
If you aren't already doing these things, do you even Figma? 🧵👇 pic.twitter.com/CgQydd6v2a
— Corey Lee | Figma Japan (@factorzero) January 30, 2023