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
Gleb Sabirzyanov suggests a few approaches for fixing broken vector paths and shapes.
❓ How to fix an issue in Figma when you try to outline, flatten, or union a shape and it disappears or becomes broken.
— Gleb Sabirzyanov (@gleb_sexy) November 4, 2022
A thread of methods that *may* help solve this @figma glitch: pic.twitter.com/dtZmJ5jMXo
I found this discussion quite interesting and illustrative. Personally, I always use Auto Layout while working on semi-final designs, but it often gets in the way in the early stages and I resort to good old groups and frames. On a similar note, check out answers to Ridd’s impossible question on choosing between Auto Layout and components.
Dan Hollick with another nerdy thread, this time explaining boolean operators.
Did you know these are called Boolean Operations?
— Dan Hollick 🇿🇦 (@DanHollick) November 2, 2022
That's because they use booleans to determine which part of the shapes should be visible.
Let me explain 👇 pic.twitter.com/oOo3NhRnQW
“Figma prototypes are now accessible for screen readers. Learn how to turn on accessibility mode and how Figma design elements are translated to HTML for screen readers to interpret and understand the content and interactive elements in a design file.”
Create multiple customized variations using components or color palettes.
Shana Hu made a plugin that the Figma design team used to create zines on their on-site.
“We’re excited to continue our Building blocks office hour, where we discuss all things Design Systems. In this episode, Figma Designer Advocate Chad Bergman and Product Manager Jacob Miller will share tips and tricks for optimizing your component library, including how to best use the latest component property features.”
“Video gives us the ability to enrich any user experience, making prototyping with real media crucial. In this tutorial, we’ll go over the basics of how video work in Figma, and use them in both simple and complex designs.”
Not sure if this is new but super handy for those of us using Figma for presentations!
shortcut to open 'present' mode in @figma design:
— Anthony DiSpezio (@adispezio) October 24, 2022
mac: cmd+opt+enter
win: ctrl+alt+enter
tooltip reminder in the UI coming soon! pic.twitter.com/jsmBF3216T