Make duotone-style photo effects in @figmadesign with #ProfessorFigma in 59 seconds or less!
— miggi from figgi (@miggi) June 10, 2021
While not perfect, you can use stacked fill layers and blend modes to create an easily repeatable, image swappable duotone-like effect for your photo mockups. pic.twitter.com/LDfegzBOev
Over a year ago I made a 56(?!) second video on how to make a table using auto layout. Since then Figma has released a ton of amazing updates, like variants! Here's a 55 second video on a simple way to make a table with auto layout and variants pic.twitter.com/nZ33gPqSzq
— Figma:55 (@figma55) June 16, 2021
Calling all @figmadesign component experts – you can now swap your individual variant properties from the right click menu 🪄 pic.twitter.com/TpGu9QfgQP
— luis. (@disco_lu) June 9, 2021
Miggi makes a sunburst graphic and puts a bird on it. Don’t miss part two, where he explores a totally different and quite creative way to build it with a stroke.
Make a sunburst graphic (and put a bird on it) in @figmadesign with #ProfessorFigma #figmatip pic.twitter.com/GvIPJw9bgN
— miggi from figgi (@miggi) May 26, 2021
Here's a fun little project that uses the @figmadesign Webhook API to update my Twitter avatar & banner from the comfort of… well, a Figma file.https://t.co/2DeX7uXQAf pic.twitter.com/BHeRHKE2CF
— Javier Arce (@javier) June 2, 2021
Pablo Stanley shows his use of Figma components and variants for creating an illustration system of characters for a new comics series, The Design Team.
Creating an illustration system for a new comics series using @figmadesign
— Pablo Stanley (@pablostanley) May 29, 2021
I’ll make the doodles available as open source and on @blushdesignapp later.
Follow the IG account to read the comics when they’re out https://t.co/9udNJXghdF pic.twitter.com/R4CIUKhRdr
Excited to ship v1 of Create Figma Plugin, my open-source toolkit for developing @FigmaPlugins!
— Yuan Qing Lim (@yuanqinglim) May 19, 2021
🤯 Sub-second build times
😌 Separate commands in separate files
🤓 Utility functions
😎 Components that replicate the Figma UIhttps://t.co/m8G9UqS5gs
👇 More info in the thread.
Figma set up figma.new and figjam.new domains as shortcuts for creating new files.
#FigmaTip:
— ˗ˏˋrogieˎˊ (@rogie) May 25, 2021
type in https://t.co/3RpjqeiyAf to create a Design file.
type in https://t.co/juHYiR1glm to create a FigJam file.
Setting thumbnails with FigJam with Professor Figma, let’s go! #figjam @figmadesign #figtoks #figmatips #professorfigma pic.twitter.com/gRRTAFFuPG
— miggi from figgi (@miggi) May 11, 2021
Miguel took over Figma’s Instagram account for a day and shared a bunch of quick tutorials.
Yesterday I took over @figmadesign's instagram with some Professor Figma 1:1 aspect ratio videos. Here is a thread of them since many of you cannot watch them without an IG account. Enjoy:
— miggi from figgi (@miggi) May 18, 2021
1. Making a Gear Icon: pic.twitter.com/shbZwSO5VE
🔥 @figmadesign tip — on a Mac you can set custom Keyboard shortcuts for your fav Figma Plugins!
— Dave Williames (@DavidWilliames) September 4, 2019
Under System preferences > Keyboard > Shortcuts > App Shortcuts; add Figma and the name of the plugin (as it appears in the menu bar), and whatever shortcut you want.🥳 #FigmaTip pic.twitter.com/xurtBIQtmg
til in @figmadesign: @miggi and I discovered that you can use gifs as MASKS in Figma. Like what?! 🤯 #figmatip
— Crystal T (@itscrystaltee) May 14, 2021
Here's a dancing gif (with transparent bg) masking a gradient gif: pic.twitter.com/x2gSryrw16
A few things I wish I had known earlier on for working in @figmadesign—I hope one or more of these can be helpful to someone out there! 🙏
— Joey Banks (@joeyabanks) May 12, 2021
1) Hold ⌘ + drag a frame to resize it to ignore any of the constraints set for the items inside. ↔️
Our #components in @figmadesign just got an update, variants for:
— Mariz (@MarizMelo) May 13, 2021
- Default (preview)
- States (hover, pressed, etc)
- Lazy loading (skeleton/loaders)
- Responsive design (sm, md, lg)
- Redlines for engineers pic.twitter.com/9YznsuIWMw
A few of the Figmates collaborated on building a completely custom Figma keyboard. See the design details on the Community – I wish it was available for sale!
Super fun project – @tonigemayel @mwichary and I got to collab on a Figma keyboard, with custom keycaps that highlight common keyboard shortcuts pic.twitter.com/3vhgZ0xI6E
— Ryhan (@ryhanhassan) May 6, 2021
The one where Professor Figma demos the FigJam toolbar #figtoks @figmadesign #figjam pic.twitter.com/tn7Z3Ewpz4
— miggi from figgi (@miggi) April 30, 2021
Miggi from Figgi shows how to use masks in Figma. Don’t miss Part 2!
Masking in @figmadesign explained in 59s or less by #professorFigma.
— miggi from figgi (@miggi) May 3, 2021
What do you want to see next?! #figtoks pic.twitter.com/Yj5iMBkQRu
You should always name your layers and use this @figmadesign shortcut to help out. Learn along with #professorfigma pic.twitter.com/khDUNvd3ww
— miggi from figgi (@miggi) May 2, 2021
Many of us may already know this shortcut, but just wanted to share in case it's helpful for any designer who's newer to @figmadesign! Double clicking on the edge of a text box will quickly allow you to set its size to be Auto Width, saving you a few seconds of work each time. ↔️ pic.twitter.com/PBUN8oLySE
— Joey Banks (@joeyabanks) May 4, 2021
Draggable windows in @figmadesign 🤯? Yes, please! Also, here's a Figma Community file: https://t.co/GKLEkg7Gxh pic.twitter.com/q3wvMfFl0i
— Adam 🌻 Ruthendorf-Przewoski (@AdamPrzewoski) April 26, 2021