Tweets
Thoughts on Figma UI and UX
Alex from Doist shared his feelings about trying Figma, and Rafa from Netlify pointed to some specific problems in its interface. My favorite part — Koen Bok from Framer showed up in replies to remind how much Sketch team raised the bar for the design tools.
Also very inconsistent behavior throughout, I know it's small things, but they add up, and dilute what could be a delightful user experience IMO 💜 pic.twitter.com/Z105IC4jKd
— Rafa (@rafahari) May 20, 2020
A time-lapse visualization of the main internal Figma code repository
Impressive demo by Thomas Wright.
For #FigmaMakerWeek I put together a time-lapse visualization of the main internal @figmadesign code repository as a largely artistic endeavor, and it turned out pretty well!https://t.co/1Jee9720d1 pic.twitter.com/0iA9lEwqVQ
— Thomas Wright (@twright0) May 18, 2020
Monument Valley level recreation with components and Auto-Layout
The link to a community project is in the replies.
Impressive how powerful a design tool can be🚀
— Alex Einarsson (@alexeinars) May 17, 2020
Even though Figma is not designed for this, I was able to recreate one level from Monument Valley✨
Components and Auto Layout helped A LOT!
My little contribution to Maker Week @figmadesign🤗 pic.twitter.com/URgJuTxig1
I drew pictures of our office! Here’s a digital tour
And another set of beautiful artworks! What a talented team they have.
for @figmadesign’s maker week, I drew pictures of our office! here’s a digital tour 💛 pic.twitter.com/XAHO0KSCqy
— Emily Lin (@eymlin) May 15, 2020
Been missing the beautiful Figma office so much that I’ve painted it
Beautiful paintings by a software engineer at Figma.
Been missing the beautiful @figmadesign office so much that I’ve been painting it instead 😭 pic.twitter.com/Db10eao5c4
— dipa (@dipalua_) May 15, 2020
@DannPetty: Vector brush strokes in Figma
No idea how that will work, but seems really interesting.
It’s working! I did a quick test and I now have a ton of brush strokes in Figma that are fully vector, scaleable to any size, and customizable to any color. Would you want something like this?
— DANN ツ (@DannPetty) May 1, 2020
📸 https://t.co/GgYnIRKGnF via https://t.co/1DtZ864REv pic.twitter.com/JsxjImdOkN
@NotChristos: Library Analytics
An interesting thread on how Analytics can help make informed decisions when changing the design system. Too bad it’s available only on the Organization plan.
So, @figmadesign's Library Analytics. I haven't seen much talk about these for a while.
— Christos (@NotChristos) May 7, 2020
What's available can give us signals, but what and how can we drive change based on these numbers?
Let's look at some small examples that have helped me make more confident decisions.
@Rogie: What are your best Figma tricks?
Great collection of tips and tricks from the community.
What are your best @figmadesign tricks? I’m organizing a file with all of the coolest things I know for the community, but knowing y’all, you got the 🔥 ones and I want em!
— ˗ˏˋrogieˎˊ (@rogie) April 28, 2020
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)