Tweets
Preview All Pages in Figma Community Files
Nice update. Duplicating files just to see what’s inside was quite annoying.
Nice silent update in @figmadesign: now you can preview all pages in Figma Community files without need to duplicate them to your files first. pic.twitter.com/XVXFgGcYWG
— Vadim Pleshkov (@aswellasyouare) May 6, 2020
Ismail Elazizi: Let’s design this animation in Figma
A step-by-step walkthrough for creating a fairly complicated animation in Figma.
Let's design this animation in Figma | Step by Step
— Ismail (@smailelazizi) April 13, 2020
👇check the thread 👇
.@figmadesign @figmaafrica #figma #animation #design #app #ui #ux pic.twitter.com/nColDX45iI
Morgan: Why Figma is so great for quickly designing custom logotypes
Nice to see how vector networks and rounded corners speed up the design process.
I did a short screen recording to show you why Figma is so great for quickly designing custom logotypes. https://t.co/BrtjdarV18 pic.twitter.com/Z28FJqRlcl
— Morgan (@morganknutson) April 24, 2020
@blokdots: Connect your Figma GUI with Arduino prototype
Plugin to connect Figma to the blokdots app, making it possible to use hardware components like sensors and buttons to control and manipulate elements right in Figma. Mindblowing!
It’s finally here: Our @figmadesign plugin. Now you can connect your GUI with your @arduino prototype. Still using simple programming, of course.
— blokdots (@blokdots) April 16, 2020
Check it out → https://t.co/mAXFYogrcO#figmaplugin pic.twitter.com/cvZyL1cHUf
Joey Banks: Using emoji when naming components
Make sure to check replies for more ideas.
One of my favorite parts about my role @figmadesign is being able to talk to design system managers at companies of all shapes & sizes and I've learned from them just how useful emoji can be when naming components. Have any that you use? Here are some of my favorites... 🎨✋🔄🚫 pic.twitter.com/EaMUeGrV7v
— Joey Banks (@joeyabanks) April 17, 2020
Anthony DiSpezio: Hold space while dragging over (or inside) frames to preserve layer order
Another great but well-hidden feature.
Figma tip! Try holding space while dragging over (or inside) frames to preserve layer order! @figmadesign pic.twitter.com/utg89I7GNN
— Anthony DiSpezio (@adispezio) April 16, 2020
Yummygum: Copy and paste individual style properties between layers
This is a huge time saver. Can’t believe I never tried this before.
TIL in @figmadesign you can select individual style properties and Copy (⌘C), Cut (⌘X) and Paste (⌘V) them onto other layers#figma #figmatip
— Yummygum (@yummygum) April 14, 2020
. pic.twitter.com/WJjp6j4uya
Yuan Qing Lim: Introducing Figma Plugins Stats
Node.js command-line utility to get live and historical stats for your Figma plugins. Great tool for plugin authors.
Introducing Figma Plugins Stats, a Node.js command-line utility to get live and historical stats for your Figma plugins.
— Yuan Qing Lim (@yuanqinglim) April 13, 2020
👇 More info in thread.
1/8@figmadesign @FigmaPlugins pic.twitter.com/JM2EYUFCeT
Marcin Wichary: The process of building Selection Colors
Great thread from Design Manager at Figma on how one of its most unique features came to life, from the initial pitch to design challenges and decisions.
Wanted to share a bit of the process of building Selection Colors, a little @figmadesign feature I feel rather (maybe strangely) proud of.
— Marcin Wichary (@mwichary) April 14, 2020
(This was originally meant to be a blog post, but the Covid-19 situation is sapping my energy…) pic.twitter.com/qD7Us8dq2V
@itsMeBennyB: Shortcut for cropping images
Good time saver. Alt/Option key only needs to be pressed if image fill isn’t set to Crop; otherwise double-click is sufficient.
Discovered a @figmadesign shortcut that will save me tons of time:
— Benny Bowden (@itsMeBennyB) April 3, 2020
Alt + Double Click: Crop Image pic.twitter.com/zzsPaKYgkU
@zyumbik: Creating a full circular progress bar animation
As always, Gleb comes up with an incredibly creative way to push Figma’s limits.
Advanced @figmadesign prototyping challenge: create a full circular progress bar animation with just two frames and Smart Animate. 😎 Can you?
— Gleb Sabirzyanov (@gleb_sexy) March 31, 2020
▶️ Duplicate the Figma file to see how I did it: https://t.co/zqAZnAlds5
Not gonna lie, my brain still hurts from this one.🧠 pic.twitter.com/0TZRE0AXOv
A collection of resume templates from the community
So many great templates built with Auto Layout! The replies from the community are worth checking as well.
Over the past few weeks, we've seen people we care about struggle with unexpected layoffs and loss of work. We've also seen our community looking for ways to help, no matter how small.
— Figma (@figma) April 10, 2020
In this thread, we've compiled a collection of resume templates from community members. (1/7)
New easier to read on-canvas measurement treatments
More visible white-on-red badges replaced old measurements set in red text.
Loving the new, easier to read @figmadesign on-canvas measurement treatments that shipped today! Kudos to Heather Tompkins, @rsms, @mwichary, @willyvvu, and @eymlin for working on this great improvement. pic.twitter.com/1A34S85UMt
— Tom Lowry (@negativespaceca) April 8, 2020
Selection Colors has two new tricks
Click the target icon to select a color’s objects and change only them. Hit the styles icon to create a new style with a selected color, or apply an existing one.
Selection Colors has two new tricks!
— Figma (@figma) April 6, 2020
1. Use the target icon to select a color's objects & make adjustments to just those objects.
2. Hit the styles icon to create a new style with the selected color or apply an existing style.
Try it now in a new file ➡️ https://t.co/HvZC2oh0zE pic.twitter.com/LfHi4k4xic
@zyumbik: Implement “real” typing in the prototype
Gleb got on the challenge of implementing typing in the prototype using overlays, keyboard triggers, GIFs, and some magic. Absolutely impractical but fun nonetheless!
A question in the @figmadesign community inspired a fun challenge: implement “real” typing in the prototype! I used overlays, keyboard triggers, gif and some magic! ✨
— Gleb Sabirzyanov (@gleb_sexy) March 21, 2020
Duplicate the file to see how it works. And if you fancy it — add characters & remix! https://t.co/Os1u3KsQG8 pic.twitter.com/eCC8x9Sc3x
@rogie: Better way to swap a component
Drag-n-drop from the Assets tab is a time-saver.
🔥 @figmadesign tip:
— ˗ˏˋrogieˎˊ (@rogie) March 20, 2020
Better way to swap a component
1. Select the component you want to swap
2. Goto the Assets tab
3. Search for a component
4. Press “Option”
5. Drag n Drop component it to the component on the canvas you selected in #1https://t.co/N9mRgt9c1z pic.twitter.com/BitvwTGvBP
Modern stalking
Uh-oh, where is privacy mode when we need it!
Modern Stalking😅 @figmadesign #cloudservice #modernworkspace #comic #cartoon #developercomics #designerjokes pic.twitter.com/siMpT3wBhl
— Crystallize (@CrystallizeAPI) March 16, 2020
Morgana D’Almeida: I tested Sketch competitors to figure out which one would be best at creating micro-interaction animations
Ultimately she went with InVision Studio, but her comparison and experience of using them is really interesting.
I tested the 3 main Sketch competitors @figmadesign @InVisionApp studio and @AdobeXD to figure out which one would be best at creating micro-interactions #animations and to then share with our UI Devs in the future.
— Morgana D'Almeida 🇺🇦 (@morganadalmeida) March 7, 2020
👩💻 and here is what I learned [thread]: 1/8
Rogie King: Let’s build Style Guide Generator!
Designing an open-source project in the open.
Design fam, we hear you. For our @figmadesign plugin project, y’all want a Style Guide Generator. Let’s build it! 💪
— ˗ˏˋrogieˎˊ (@rogie) March 11, 2020
As an open-source project — since we’re building this for you, we want your input! How? Simply duplicate the file, design your ideas and publish it.
1/4 https://t.co/ZJHjFcLScL
Rasmus Andersson: Cooling down after a week of remote work with the amazing Editor engineers at Figma
Pretty cool to see all the unexpected use cases for Figma that teams are coming up with.
Cooling down after a week of remote work with the amazing Editor engineers at @figmadesign. We take turns calling out an animal name and everyone else needs to draw within 15 seconds. Votes with hearts. All while being on a live video thingy together. pic.twitter.com/oicnoiSFaw
— Rasmus Andersson (@rsms) March 14, 2020