“You can create connections from multiple objects to the same destination frame at once — saving you time and effort when building out your prototype flows. To do so, select multiple starting hotspots on your canvas, then click and drag the + icon to the destination.” See Nikolas Klein showing the feature in action, or watch “Office hours: Prototyping like a Pro” below for a deep dive.
A short video showing how to create a hamburger menu transition in Figma.
Ana and Miggie are back streaming their experiments with Figma prototypes. This time they cover drag interactions and video among other things.
A new product by Jordan Singer and Diagram, who you might remember from Automator and Prototyper. Magician is a Figma plugin that lets you design with the power of AI to do everything from copywriting to generating unique icons from the text. Currently in beta with three available “magic spells” for creating icons, writing copy, and generating images.
Early beta of a new plugin for exporting Figma animations into a GIF.
Export Smart Animations to GIF in Figma 🔥
— Michael Yagudaev 🧑🏻💻🇨🇦 (@yagudaev) November 9, 2022
Love to hear your feedback 💜 👇 pic.twitter.com/iKr79EamiD
Vijay is experimenting with inner shadows in Figma. Despite a limit of only 8 shadows, it’s usually enough to create a 3D effect on any shape.
Experimenting with inner shadows in @figma.
— vijay verma (@realvjy) November 14, 2022
I found that if you use drop shadow or inner shadow on any layer, the limit is 8. In spite of this, it is enough to make any shape like 3D. One secret shared below ☺️. pic.twitter.com/da9sz9fLv0
A Twitch stream of Ana Boyer and Miggi Cardona diving deep into Figma prototyping.
Ridd explains why it’s better to think of each container component as having a single slot instead of a bunch of individual slots.
Seeing a lot of people making the same mistake with slot components...
— Ridd 🏛 (@Ridderingand) November 15, 2022
Here's what to avoid 👇 pic.twitter.com/vu0KxP7vMa
“Component properties launched at Config earlier this year, but was over a year in the making. Essentially React properties for Figma components, “props” removes the guesswork out of your design system and better aligns design components with code. Join the tech leads of the project for a behind the scenes look into how the feature came together, the power it unlocks for your design system, and a look into some of the exciting updates we’ve made post launch.”
This update is a big deal for many folks as well. You can now select from multiple keyboard layout options so that Figma shortcuts are better mapped to your system keyboard.
Marcin Wichary introduces twelve editor improvements. Numeric scaling is the obvious highlight and something many of us have been waiting for, but a new dialog for creating Styles and preserved formatting when copying/pasting text are great too!
Pssst. Ok.
— Marcin Wichary (@mwichary) November 14, 2022
So our product marketer @pseullah is distracted, and I thought I could just go ahead and quickly launch a few @figma improvements before she comes back!
(And also share some secrets.)
👇 pic.twitter.com/O90d2J1OWQ
While it’s easy to dismiss this and other similar projects as impractical toys, I believe they’re giving us a glimpse into the future of creative tools. Years ago every project started as a blank canvas, while now we often build on a foundation of existing design systems. I can imagine that one day the AI will generate the first iteration of the UI based on the existing design system, patterns, tone, and voice of the project.
Introducing text-to-figma: build and edit @figma designs with natural language!
— Jay Hack (@mathemagic1an) November 7, 2022
Join the waitlist here: https://t.co/81KKqnZ3HO
1/n pic.twitter.com/Bw3sw31HaM
Beautiful interactive animation by Figmatelier pushes the limits of Figma. Don’t miss the community file as well.
Jan Mraz with a short video tutorial.
After some time, I'm back with the Figma tutorial. Today it's all about infinite loading circle animation.
— Jan Mraz - UX / UI Designer (@janm_uiux) November 10, 2022
Thank you for your huge support of my UX/UI design content! 💜 pic.twitter.com/i0vk7UoifI
A really cool hover effect, and a smart way to achieve it.
Made this button in @figma with no code pic.twitter.com/0TpKVYE0DF
— Nikita (@nikitakoshi) November 7, 2022
MDS is killing it with a killer Auto Layout tutorial. Who cares if it’s a bit late for Halloween!
I made a killer auto layout tutorial for @figma. There are three critical things you need to understand in order to use it efficiently... pic.twitter.com/x17cnAg9az
— MDS (@mds) November 8, 2022
Vijay keeps teasing Rogie’s new plugin Noise & Texture. You’ll notice that it’s currently in beta and requires a code to unlock, but if you look closely at this thread you may find one.
Last night, when I was bored in a meeting 😌, I made some noise in @figma using the NT plugin @rogie. With this pluign we can create cool metal, wood, and many other texture by simply combining with layer mode. Shared some tips below 🧶 pic.twitter.com/CGEw0ACebE
— vijay verma •ᴗ• (@realvjy) November 8, 2022
This tweet by the design company R/GA made rounds last week. I definitely enjoy seeing all the pushback in the replies. In my Figma files the ratio of participating designers to non-designers is somewhere between 1:5 and 1:20, depending on the project — a night-and-day difference from the old days.
What they say: "It's in Figma."
— R/GA (@RGA) November 10, 2022
What they mean: "I dare you, a nondesigner, to open Figma and figure out what the hell is going on. We both know that is not going to happen. So why don't you leave me alone and you can see it when it's finished."
Steve Schoger shows how to draw a fingerprint icon using the full power of Figma’s vector networks.
✨ How to draw a fingerprint icon in @figma pic.twitter.com/s6iKbz94RF
— Steve Schoger (@steveschoger) November 3, 2022
As always, Vijay Verma pushes the limits of Figma with a fun experiment based on Auto Layout and an animated prototype. Great to see how easy it was to build and control.
Another fun experiment using @figma prototype. I made this small head rig last week. Creating this was lot of fun 😍. By using cavas as masks and combining with autolayout, I created this so quickly. Sharing behind the scene below 🧶 pic.twitter.com/funSf3WtuD
— vijay verma •ᴗ• (@realvjy) November 1, 2022