Miggi, Mal, and Lauren’s first reactions to using the new mind maps feature in FigJam.
Hanging out and getting @mdeandesign and @laurenbandres' honest first reactions to using the new mind maps feature in FigJam while we are in the @figma office. Lets go! 👏 pic.twitter.com/l3BPsO26HO
— Miggi ✌🏽 (@miggi) December 8, 2023
As of last Thursday, mind maps are now live in FigJam!
Mind Maps in @Figma FigJam are now live yo! As of yesterday! https://t.co/OjN3z9p1ev
— Miggi ✌🏽 (@miggi) December 8, 2023
Vijay took his old experimental prototype (see issue #89) further by teaching a head to talk! Smart use of video as audio and variables.
Okay, let's talk. Revisited the talking head, and now it can talk @figma design😍. Sound ON 🔊
— vijay verma (@realvjy) December 6, 2023
Little variables, some smart components and a trick to use video as audio. Who want figma file, let me know? pic.twitter.com/CbaDTMtUNk
Huge Icons shows how to quickly create a few common icons using a standard grid.
Drawing file and doc icons in seconds ✨in Figma pic.twitter.com/jsBnUCcXuM
— Huge Icons (@huge_icons) December 5, 2023
I didn’t know Cmd-clicking on the nodes of the shape releases the handles — a slick tip from Miggi!
Babe wake up, new pentricles and hexricles just dropped! https://t.co/RFGZkj0XXw pic.twitter.com/upfHutF90U
— Miggi ✌🏽 (@miggi) December 4, 2023
Anthony DiSpezio shares instructions and a script to see your most used keyboard shortcuts in Figma. (Can be a great starting point for setting up an upcoming Creator Micro keyboard!) On my personal computer, the top 5 are undo, deep-select, zoom-in, measure-to-selection, and escape.
TIP: you can see your most used shortcuts in @figma!
— Anthony DiSpezio (@adispezio) December 9, 2023
Paste this script into your Figma app or browser console and hit return: https://t.co/o4WWjour9u
I want to see your most used shortcuts! 😛 pic.twitter.com/HY52G6ATWj
This week, Figma dropped a few hints on the upcoming physical product they’re introducing in collaboration with Work Louder on December 12th. Took me a moment to connect the dots, but Work Louder actually shared a sneak peek of this collab over a year ago (!). The product seems to be a Figma-branded version of their Creator Micro mini-keyboard, and I even shared how it can be used with FigJam back in issue #110. If you’re curious why they’re building this, see a new article Tap into joy with mechanical keyboards.
CMD + Shift + E
— Figma (@figma) December 7, 2023
CTRL + Shift + E pic.twitter.com/jSBwe5wjiQ
A quick tutorial on creating light rays inspired by Rogie and Vijay with the Noise & Texture plugin.
Creating Light Rays in Figma within 15 seconds.
— Irfan Aziz (@heyirfanaziz) November 29, 2023
Using the Noise & Texture plugin from @rogie.
Link to plugin → https://t.co/YekBNCvmt8 pic.twitter.com/kSzIP16C9q
Teddy Ni, a co-founder of Magic Patterns backed by Y Combinator, shares an experiment: “We taught an AI some Figma designs of a documentation site. It can now generate similar sites using my own custom components on ANY topic I want, ALL within Figma I can also click on any frame and request updates 🤯”. (This reminds me of the feature in Visual Copilot that I wrote about in #136.)
I think I need to go lie down…
— Teddy Ni (@Teddarific) November 27, 2023
We taught an AI some Figma designs of a documentation site. It can now generate similar sites using my own custom components on ANY topic I want, ALL within Figma
I can also click on any frame and request updates 🤯 pic.twitter.com/QcWBXiXxYN
If only Figma was doing a Wrapped report at the end of the year…
Damn this year’s Figma wrapped goes crazy 🤨 pic.twitter.com/SR1835f1e0
— Aleks (@aleksliving) November 29, 2023
Nice update to the Community resource pages — a new image gallery, plugin videos, and picking a relevant category to better showcase what kind of resource it is and what it can do. Also, remixes can no longer be published as they were misleading when it came to the authorship of the original resources.
I'm so excited to share what @kly_cl and team have been cooking for @figma community.
— Daniel Destefanis (@daniel__designs) November 30, 2023
Launching today, resource pages have been redesigned! Plugin creators can now upload multiple videos and images to showcase their work! pic.twitter.com/YWtcUhdJOS
At this point, Vijay is just showing off. Awesome iteration on an earlier shaders experiment by Rogie.
Okay, let's call it @rogie button 🪄. Created using noise and texture plugin. Shared the little breakdown below. pic.twitter.com/VjP9wZkXAT
— vijay verma (@realvjy) November 21, 2023
A prototype of what page dividers in Figma might look like — considering this tweet’s engagement, it’s clearly something many of us would love to see!
Page dividers in Figma is a feature I’m badly missing.
— Natko Hasic (@natkohasic) November 22, 2023
Seeing how many projects in the community use the “hack” on the left makes me think I’m not the only one.
And yes, this is a Figma prototype of... Figma. pic.twitter.com/jmCkDFBAJe
OMG! Figma window is streamed to GPT‑4 Vision, which then provides feedback on the fly narrated in the voice of Steve Jobs. Looking for a way to make this a part of our design crits.
Steve Jobs is now critiquing my designs directly in Figma!
— Pietro Schirano (@skirano) November 16, 2023
I've just made one of my biggest dreams come true, thanks to GPT-4 Vision + @elevenlabsio. ✨
My Figma window is streamed to GPT, which then provides feedback on the fly.
Like on these new design for @everartai pic.twitter.com/BPX81MmhxH
Jordan Singer came up with another wild AI experiment — sketch or design anything in Figma or FigJam and turn it into a functional prototype with one click of a button. This demo is a great example — it built all the functionality correctly based just on a few text labels!
sketch or design anything and turn it into a functional prototype with the ✨ Build it button inside of @figma and FigJam pic.twitter.com/XFQZjZN1oU
— jordan singer (@jsngr) November 17, 2023
I missed Vijay’s Figma recreations! A great illustration of the Sony Walkman, full of little details and textures. “Most of the shapes are created using primitive shapes with shadows and blend modes.”
Last night, while looking for inspiration, I found this walkman so quickly made in @figma 🎧🎵. Most of the shapes are created using primitive shapes with shadows and blend modes. pic.twitter.com/aTqPpflNeQ
— vijay verma (@realvjy) November 9, 2023
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
Christine Vallaure explains how to use boolean variables and modes to reduce the number of necessary components. One important caveat: “I would always recommend adding a documentation sheet to avoid confusion as per default, only the first mode will be displayed, and in development mode, hidden elements are not highlighted.” See also a second thread on using variables to trigger actions in prototypes once a specific threshold is reached.
1/5 Instead of setting up a variant for every breakpoint, we can use boolean variables in #Figma to drastically reduce the number of components needed.
— Christine Vallaure (@moonlearning) November 7, 2023
For instance, if we're working on a navigation menu that switches between a burger menu and links, here's what you can do: pic.twitter.com/akjo9UcHDA
Finally a solid improvement to detaching instances.
Figma feature to notify teammates and call the cops if you detach an instance pic.twitter.com/Uo611wLNj8
— Soren Iverson (@soren_iverson) November 7, 2023
Some great recommendations for quality unitasker plugins in Fons Mans’s comments.
Some plugins in @Figma are full flex applications 😅
— Fons Mans (@FonsMans) November 2, 2023
I prefer the smaller ones, solving a simple and focussed issue.
What’s your go-to plugin?