Oğuz Yağız Kara shows how setting the color of the transparent gradient stop helps make it softer.
✨ Design • Tips #1
— Oğuz (@oguzyagizkara) May 24, 2023
Big news! Today, I'm sharing exclusive design tricks that you won't find anywhere else. These tips will take your work to the next level.
First up: learn how to create a softer gradient.
Get ready to elevate your design game 🪄 pic.twitter.com/ACOtXt0ycb
Socrates Charisis shared a plausible-sounding list of his Config predictions.
Ok, I'm gonna try and guess!
— ❖ socrates charisis (@sochar__) May 23, 2023
🔥 The top 5 features Figma may announce at #Config2023.
Designer Advocate Mal shows how to use the new memory control features: “To keep you informed of your memory usage, and any potential issues that may arise, we’ve adjusted our memory banners and alerts to live in the sidebar along with your pages and layers. We’ve also introduced a Memory use tool to surface memory consumed in your files by Page Content and Imported Components as well as the ability to show memory usage in the layers panel for all layers.”
Figma updated the memory use tool and warning experience! 🧵 here for more details 😍
— Mal (@mdeandesign) May 24, 2023
Mal with a quick demo of Shaper, Magic Marker, and A Selector plugins.
Here is a a quick vid on 3 of my current favorite plugins to use in FigJam! pic.twitter.com/q6Dodqp2Nf
— Mal (see u at config) (@mdeandesign) May 16, 2023
Molly Hellmuth shares her favorite tips from the “Figma like the Pro’s” series — editing Auto Layout directly on the frame, using Constraints with Grids, deleting and healing vectors, using Auto Layout as an organizing tool, and copying links to specific pages, frames, or sections.
"Figma like the Pro's" is a TREASURE TROVE of tips!!!
— Molly Hellmuth (@molly_hellmuth) May 19, 2023
I just binged all of them and here are a 5 of my favorites.. 🤩 pic.twitter.com/KpaPRp9Yqm
Now dropping your FigJam files into Notion pages works even better.
Does your team like to jam?
— Notion (@NotionHQ) May 16, 2023
Our @Figma integration now supports FigJam previews 🍇🍓🫐 pic.twitter.com/ikP2Qw6VjY
“When you have multiple vertices selected in vector edit mode, you can now type Mixed + [value] into the X or Y input box to add the same value to each vertex.”
And a niche usability treat: we’ve added support for mixed math while in vector edit mode. Select multiple vertices or bezier handles and modify them all at once with MATH. pic.twitter.com/aSmSnyWhjT
— merp 👾 (@mollymerp) May 18, 2023
A big update to FigJam — custom templates for your team, stamp your teammates’ faces to files and tag them with @mentions, emoji picker opens by typing a colon (“:”), custom color palettes (coming soon), UserTesting and Great Question integrations, Productboard widget, and new tunes! Also, explore new world-class teams’ templates and see a thread by Cai on the Figma design team’s rituals and templates they use in daily work.
Today we added 10+ new features and integrations to help you work your way in FigJam, including...
— Figma (@figma) May 9, 2023
1. Custom templates
2/3. Team face stamps and @ mentions
4. Custom colors (coming soon)
5. Emoji picker
…and more!https://t.co/osvMlinXQk pic.twitter.com/cmqcqBLTHB
Fascinating comments from Sho Kuwamoto, Figma’s VP of Product, on how plugins are implemented. Each plugin runs in a security sandbox — “We actually took a JavaScript VM, compiled it down to WebAssembly, and then we run that VM inside of the browser. So it’s a completely separate engine than the native JS engine. For security reasons, we don’t want two scripts running inside that VM, because then the two scripts could potentially have access to each other. And we don’t want to run two instances of this VM, for memory reasons.” 🤯
The reason we don't let you run two plugins at a time is performance + security.
— Sho Kuwamoto (@skuwamoto) May 3, 2023
Each plugin runs in a security sandbox that works in a kind of crazy way.
Great examples of automating grunt work with the Automator plugin.
Follow up to last week's tweet about @Figma / @diagram automations. Here are 6 I use regularly:
— Greg Huntoon (@GregHuntoon) May 3, 2023
1. Set component property
2. Replace selected text
3. Reverse layer order
4. & 5. Add/remove auto layout to selected frames
6. Count selected objects
Alright, let's break them down... https://t.co/hVWMMNpxdG pic.twitter.com/wWI3eKlol2
Molly with 3 good tips. I have to admit that Slice is the dustiest tool in my toolbar.
3 Figma shortcuts I can't believe I'm only learning about now 🤯
— Molly Hellmuth (@molly_hellmuth) May 5, 2023
1. Snap padding & spacing to multiples of 8
2. Find and zoom to any layer with a click
3. Slice tool.. it's actaully useful!
How to use each.. pic.twitter.com/OhtYhfMRAL
Great list of Figma tips from the ADPList.
Secret Figma hacks that great designers are using to boost productivity.
— ADPList (@ADPList) May 1, 2023
Here are 10 Figma hacks that designers need to know 🧵: pic.twitter.com/KP0leylntf
A simple but fun technique for creating cool animations with mirrored components.
Random silly Monday fun in @figma with mirrored components pic.twitter.com/jfFRgvzCFN
— Double Glitch 🇺🇦 (@double__glitch) May 1, 2023
Cool technique from Nitish Khagwal for creating animated liquid mesh gradients.
How I create liquid mesh gradients in @figma without any plugins, a thread 🧵... pic.twitter.com/5Vhm02h0FP
— Nitish Khagwal ✨ (@nitishkmrk) May 3, 2023
Fons Mans is back with a new tutorial on how to create a glowing glass effect in Figma.
Tutorial Thread ✨
— Fons Mans (@FonsMans) April 28, 2023
Learn how to create a glowing glass effect with @figma, in just a few easy steps — no plugins needed!
Ready? Let’s dive in 👇#sponsored pic.twitter.com/6NNqVmrYfa
Hold the Spacebar when moving an object to ignore Auto Layout.
🧙♀️ 11 second tip 🧙♀️
— Helena (@minor_axis) December 9, 2021
Ignore auto layout in Figma by pressing space bar as you drag an object. pic.twitter.com/fjUe8gcAAz
MDS with a great shortcut of double-clicking on a layer icon to zoom into selection.
TIL double clicking layer icons in @figma zooms to selection. pic.twitter.com/hvNs0l4BEr
— MDS (@mds) April 26, 2023
A good tip from Jan Toman on color-coding different types of components inside a Figma library, which allows everyone to identify the component’s source and set the right expectations from these components.
When using @figma libraries, we found color-coding different types of components extremely helpful.
— Jan Toman (@HonzaTmn) April 25, 2023
This allows everyone in the team to identify the component's source quickly and set the right expectations from these components.
Some tips and learnings in the thread 🧵 pic.twitter.com/FMr7kjSVBv
On a similar note, this thread by Luis is a great walkthrough of debugging, reducing complexity, and refactoring a tricky variant component. The core part of his approach is slicing everything up into composable parts.
Last week I was asked by someone in the Figma community to help debug and refactor their variant component
— luis. (@disco_lu) April 25, 2023
So I'm going to try and walk through how I did it! Let's see if it works as 1 million tweets 🐦
The short answer is: components everywhere pic.twitter.com/DKgjC5oNWg
Regardless of going to the in-person Config this summer, this is a great intro of the international designer advocate team. Here is the full list for you to follow — Lauren Andres, Hugo Raymond, Hiroki Tani, Julia Kestner, Mallory Dean, Corey Lee, Alexia Danton, and Sebastian Metel.
A little nervous to come to Config without knowing anyone? FEAR NO MORE! The designer advocate team @figma is here for you. Some of us made a lil intro so you have friendly faces in June. 🫰 pic.twitter.com/fDXzM48msC
— Mal (see u at config) (@mdeandesign) April 27, 2023