“Figma can be a magical place to collaborate, build, and ship, but if you’re just starting out, it can be overwhelming. Join our team for a Q&A focused on the need to know features for those just getting started to help you build out your Figma designs successfully and efficiently.”
The good thing about evergreen tips is, well, that they do not get old — I keep forgetting about this one! Right-click while holding the Control key to see a list of objects below your cursor.
Evergreen @figma tip / helpful reminder!
— Miggi ✌🏽 (@miggi) November 6, 2023
Press control + right click on the canvas to see and select the objects that sit below your cursor.
If anything, it will remind you to name your layers 🫣🤫🫠. #figmatip pic.twitter.com/qSoZJrWims
Miggi shows how to incorporate video prototyping into your designs and make interactive presentations. “Using video in Figma prototypes can create a more realistic experience, and add a level of polish when testing designs. We will dig into some real-life examples and walk through the many ways you can interact with, and use video to drive your interactions. We’ll cover aspects of video prototyping such as adding video to the canvas, previewing and adjusting video on the canvas, state management and video continuity across frames, and advanced interactions like “when the video hits”.
A recording of Miggi’s recent Twitch livestream on interactive components.
Whoa, I didn’t know that selections can be moved! Great for getting to the tricky areas.
Here is an evergreen @figma tip: Drag your selection to more expertly select something amidst other things on your canvas!
— Miggi from Figgi (@miggi) October 23, 2023
1. Press V to get the move tool and drag a selection.
2. Press spacebar to move the selected area to select what you want! pic.twitter.com/T2fQv8mlXT
Step 1: Learn from Miggi how to create a ghost icon just in time for Spooky Season.
Have “ghost” variables in your file and need to get rid of them easily? Here is how to easily detach deleted variables still lurking in your file, as explained by Miggi.
Figma 101 before the school starts from Miggi: “In this workshop we will cover the basics of working with Figma for design covering topics like creating graphics, working with typography, and making reusable components. This workshop is intended to help you get more familiar and confident with Figma whether you are just beginning your design journey, or applying your existing knowledge from another tool.” See also his Homework Hotline livestream follow-up.
Miggi causes the “figception” by using Jambot to come up with ideas for making Figma content. Quite amazing to see how it can be used as a tool for thought (or even programming, FWIW).
A short video on using the bezier curve tool to make an S‑shaped curve.
Miggi shows how to make a notification badge that expands to fill its contents with Auto Layout.
Miggi on using sections in Figma for prototypes and how to preserve the state of a given flow.
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.
Miggi with a tip on using the new auto layout wrap to handle elements beyond just a single row. Love that Shift-A automatically puts elements into a wrapped auto layout when you have multiple rows of elements selected.
Learn how to use min and max values when working with the auto layout in your designs, with a bonus of updated text truncation and max lines feature for paragraph text.
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.
An in-depth session with Designer Advocate Miggi, Software Engineer Ricky Rajani, and PM Garrett Miller on how to build even higher fidelity prototypes with less complexity.
A new workshop from Miggi and Alex on making icons in Figma. “In this workshop, we will explore various ways to leverage vector shapes, boolean operations, the pen tool, and more to create reusable icons. These skills can also be applied to producing graphics, illustrations, logos, and other designs that can be used across different platforms.”
This tip (and the fact that this feature exists) made me irrationally happy. Thanks, Miggi!
bruv: pic.twitter.com/1CGmBYVMlp
— miggi from figgi (@miggi) June 8, 2023
In this Study Hall, Miggi shows how to make Interactive Component carousel galleries.