I wonder what that button on Jordan’s micro keyboard does?
i've never been faster at figma
— jordan singer (@jsngr) December 19, 2023
what does ✨ do? pic.twitter.com/X5gaeAWUsC
Soleio, an early designer at Facebook, is now one of the best-known designers turned investors. He shared a story on the Design MBA podcast about investing in Figma’s seed round in 2012, which became his highest-performing investment.
If you had invested in $10,000 in the @figma seed round it would be worth $4,568,181 today!
— Jayneil Dalal (@jayneildalal) December 18, 2023
I asked @soleio how he got early access to this deal and he replied:
"I invested before the Series A and got involved between their 2012 financing when @IndexVentures backed them.
I've… https://t.co/TqPjRoNjBs pic.twitter.com/hQhUETLeBo
Never noticed that smart UI trick — excellent find from Anthony Hobday.
In Figma, if you drag a field value and your mouse cursor hits the edge of the application window, the cursor will be teleported to the other side of the window so you can drag further. Has this always been the case? I think it's excellent design. pic.twitter.com/w1maoL45hK
— Anthony Hobday (@hobdaydesign) December 12, 2023
Vijay challenged himself to create a small set of icons in 2 minutes — that’s just 12 seconds per icon! My takeaway is the importance of a good starting grid template (like this one from Font Awesome) that saves a ton of time and helps with consistency.
Last night decided to create 10 icons in 2 minutes as a challenge. Here is the live result/tutorial⏲️. Upload & download icons were a real timesaver; otherwise, it would have been hard.
— vijay verma (@realvjy) December 12, 2023
Who's next? @miggi, are you up for it?
Shared some more insight below - pic.twitter.com/8doERA5zrA
Double Glitch is building on the powerful cursor-tracking technique I shared in the previous issue with a new tutorial for creating an interactive glowing card using a resource file he published in the community.
Aaaaaand the tutorial is out!
— Double Glitch 🇺🇦 (@double__glitch) December 14, 2023
Let's create this interactive glowing card in @figma using the new powerful cursor tracking technique.
More about it at https://t.co/uC0mu6GYwu pic.twitter.com/FuQ5P5mw9B
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