A deep dive on scalable vector creation: learn about Figma’s unique and powerful editor capabilities using vector networks, boolean operations, texturing techniques, smart shapes, and corner smoothing.
The article covers some of the most common animations found in apps and websites and how to implement them in Figma.
Great video by Figma55 channel, explaining how to use stretchy Layout Grids in conjunction with Constraints. It’s based on my article from a few weeks ago, but video is a great medium to demonstrate that trick.
It seems like Figma is either rolling out or testing support for templates, but so far, it’s been available only to some people.
OMG @figmadesign has templates now?!?! It just keeps getting better and better omg ♥️♥️♥️ (source - @skd2492) pic.twitter.com/HnBbj6UHHQ
— Congrats! You have peaked in life because Chandra (@NCResq) July 3, 2020
Tweak the spacing for individual letters, adjust the line height of individual paragraphs, and fine-tune font weights.
It’s a simple design, but the idea is brilliant.
Lots of great recommendations in the replies.
What are some of your current favorite @figmadesign plugins, and what do you use them for? 👆👾
— hyam (@hyumankind) June 23, 2020
A recap from a presentation that product designer Helena Jaramillo from Coda recently gave. “In my experience, knowing how and when to collaborate with others plays a large factor in a project’s success. Here’s a look at how I’ve worked to bring engineers into the design process as early as possible.”
Nine things that team at Si digital learned while collaborating on projects in Figma. “If it’s a small project, two can be a crowd for side by side designing. Bring in a large project with a ton of pages and a tight deadline, two becomes the only way to deliver.”
The 3rd and final part of Rogie’s series on designing a book app.
Useful keyboard shortcut to keep in mind!
🔥⌨️
— ˗ˏˋrogieˎˊ (@rogie) June 25, 2020
Y'all, I got another rad Figma tip for you:
You can instantly set opacity in the editor by selecting an object and pressing the number keys? #figmatips pic.twitter.com/XizzTNCJAc
“Join Designer Advocates Joey and Rogie as they dive into components: see them leverage constraints, apply auto-layout, explore negative frame spacing, styles, and more.”
The team at Evil Martians shares how designers and engineers can speak the same language by using dynamic components built with Auto Layout. The article presents multiple techniques with good animated examples.
“Hold the Option or Alt key while in Vector Edit mode to see precise measurements between points.” The team at Figma is on fire lately — there was at least one app update in every issue since March!
A description of how Figma calculates font metrics. Useful mostly for font foundries and type designers.
Manage the words across your team’s product with a central source of truth.
“We sorted Figma’s plug-ins on most downloaded and we took on testing the top 50 in the list. Here is what we found out.“
When you don’t use an Auto Layout, a Drop Shadow with blur set to zero may be a nice alternative.
How to create separators with Auto Layout in @figmadesign pic.twitter.com/H48N1KbZO3
— Meng To (@MengTo) May 29, 2020
Designer advocates Tom Lowry and Rogie King dive deep into some lesser-known capabilities of Figma’s prototyping tools.