Tweets
Archiving pages in a file
Clara Ujiie shows how to archive your work using pages and version history.
Want to archive your work in Figma?
— Figma (@figma) September 6, 2022
Here's how to do it.
Thanks, @claraujiie for the #FigmaTip 🤩 pic.twitter.com/rgBoePMlTA
Collaborative Dynamic Island
Luis shows the only Dynamic Island notification we’ve been waiting for.
Wow I love how collaborative this Dynamic Island is pic.twitter.com/wO8SFs6GaQ
— luis. (@disco_lu) September 8, 2022
Animating Dynamic Island
Zander Whitehurst shows how to animate the newly introduced Dynamic Island in Figma supafast.
🏝 Animating @Apple Dynamic Island in @figma, supafast pic.twitter.com/nTfhzhpVgd
— Zander Whitehurst (@zander_supafast) September 8, 2022
Trim pass effect in Aninix
Beautiful demo of a powerful animation plugin Aninix.
Hello, @apple.
— Aninix (@AninixApp) August 31, 2022
This is an animation created with a trim pass effect that you can do directly in @figma using @AninixApp.
It's quick simple and beautiful:) pic.twitter.com/EdqoL8a6BQ
Figish
Vijay Verma with a new beautiful illustration made in Figma. Don’t miss the details on his technique and fun facts in a Twitter thread.
GM Frenz! Here's a rare fish, Figish 🐠, I made in @figma. An experimenting with Figma to make something colorful and shinny. Here is the result.
— vijay verma ᵍᵐ (@realvjy) August 29, 2022
Exclusively available on @foundation 🤩 pic.twitter.com/DZ3VSijbsi
Zoom and opacity with the number keys
Anthony DiSpezio with a great tip on controlling opacity and zoom level with the number keys.
Incoming #figmatip
— Anthony DiSpezio (@adispezio) August 19, 2022
*Number keys for opacity* enabled:
- 0-9 to set 10% increments
- Tap two keys quickly for the exact %
- Tap 0 twice for 0%
- Hold shift for zoom keys⬇️
if disabled:
- 1 for 'zoom to fit'
- 2 for '...selection'
- 0 for '...100%'
- Hold shift for opacity keys⬆️ pic.twitter.com/82Et0GSV1w
Favorite keyboard shortcuts
Patrick Morgan asked designers about their favorite Figma shortcuts and shares the top 10 recommendations based on 220+ responses.
I asked designers for their favorite @figma keyboard shortcuts.
— Patrick Morgan (@itspatmorgan) August 15, 2022
220+ responses and hours of synthesis later...
Here are the top 10 keyboard shortcuts to supercharge your workflow:
How to choose the timing for UI animation?
The makers of the Aninix plugin explain animation timing in this detailed Twitter thread.
It’s very common and complex question “How to choose timing for UI animation?”. That's why we've prepared a simple guide to help you choose the right timing for any UI animation. We use @Figma + @AninixApp as always😉
— Aninix (@AninixApp) August 15, 2022
More explanation and details in the thread 🧵→ pic.twitter.com/uxwu0oEU6k
Ando plugin for AI art
This demo of the upcoming Ando plugin blew up over the last few days. Antonio Cao is working on a plugin using Stable Diffusion to generate AI art based on visual and text prompts. The new wave of AI design tools may be the biggest change in our industry after the introduction of multiplayer by Figma in 2016.
Gonna ship a Figma plugin to go from prompts + simple shapes to design ideas using #stablediffusion #aiart pic.twitter.com/0VYais9C6X
— Antonio Cao (@RemitNotPaucity) August 24, 2022
Searching for files
Nice improvement to the search — now you can find files based on page and frame names, in addition to the underlying text.
Another small but hopefully helpful change here for improving search in @figma, we shipped an update today that helps you search for files based on page and frame names (in addition to the underlying text). So much more to come 🚀 https://t.co/VBN3S3XbYB
— Manosai Eerabathini (@manosaie) August 18, 2022
3 thing about using Component Properties
Molly Hellmuth shares a few things she learned about using Component Properties after rebuilding a design system from scratch.
I just rebuilt my Design System from scratch (to include Config2022 updates)
— Molly Hellmuth (@molly_hellmuth) August 11, 2022
Here are the 3 biggest thing I learned about using Component Properties during this process.. pic.twitter.com/9aNJcmxNjd
10 physical objects
To celebrate 10 years of Figma, Dylan Field shares 10 physical objects from Figma’s history that are special to him. The beta notebook and WebGL coffee table are my favorites!
10 years ago, in August 2012, I dropped out of @BrownUniversity to start @Figma with @evanwallace !
— Dylan Field (@zoink) August 11, 2022
We might be in the business of digital design at Figma, but we love physical objects too!
So to celebrate 10 years I'm sharing 10 physical objects that are special to me...
Groups vs Frames
And one more good piece of advice from Patrick. Every time I use a rectangle I just create more work for myself down the road.
Designers new to @figma, avoid this simple mistake:
— Patrick Morgan (@itspatmorgan) August 9, 2022
❌ Don't use a Group with a rectangle layer as a background fill
✅ Use a Frame, which has its own native background fill property pic.twitter.com/bZaI6yb0Um
7 rules for crafting presentations in Figma
Patrick Morgan on setting guardrails to give structure to your presentations made in Figma. (I always use Figma for my slides. One time I had to use Google Slides, so I designed my slides in Figma and then copy-pasted them to the presentation.)
Once you craft a presentation in @figma, traditional slide tools just feel... insufficient.
— Patrick Morgan (@itspatmorgan) August 8, 2022
But to unlock that power, I needed to set guardrails to give structure to the blank canvas.
7 small enhancements made all the difference:
What made Figma so successful?
In light of the sad news of InVision layoffs, Nathan Barry tried to answer the question of what made Figma so successful that it completely changed the design tools landscape.
InVision announced last week they are laying off 50% of their team (400+ people).
— Nathan Barry (@nathanbarry) July 24, 2022
They definitely made missteps as a company. But from the outside it seems like Figma completely ate their lunch.
What made Figma so successful?
How Figma uses Figma to build Figma?
The founder of Cron wondered about this question, and Figma’s Design Director Noah Levin came up with some great links in replies.
Haha yes totally!
— Noah Levin (@nlevin) August 5, 2022
Some relevant links:https://t.co/eOue1DHw7Mhttps://t.co/AcQYLgFQS8https://t.co/8BIf6y60QPhttps://t.co/Xd1KHqxFPi
But yeah there's so much more to it that I'd love for us to share sometime… especially how FigJam has pretty much replaced all "presentations"
Design system structure guide
Luis Ouriach walks through updates to the design system structure recommended by Figma Advocates.
Happy Monday ☀️
— luis. (@disco_lu) August 1, 2022
The @figma design systems guide has been updated (big time!), with tips for:
• Differences between each Figma plan
• 3 types of design system file
• Example organisation structures
• 4 file structure examples
• Local component guidehttps://t.co/z00j98bech pic.twitter.com/6t3Ey5uSHS
Shortcuts for working with fonts
Miguel with a few useful shortcuts for adjusting font size, weight, letter spacing, and line height.
Happy Monday! Here are some some great shortcuts when deep in the weeds of type exploration in @figma.
— miggity miggity mac (@miggi) August 1, 2022
Easily adjust font size, weight, letter spacing and line height using modifier keys and the <, > symbols. On Windows, swap out "alt" for "⌥" and "ctrl" for "⌘"#figmatip pic.twitter.com/byFfkVWUMe
Preview Figma links in Notion
Notion got inspired by Figma’s Little Big Updates and shipped a nice improvement as well.
Our friends @figma just released 20 great Little Big Updates, so our team was inspired to do one too 🌈
— Notion (@NotionHQ) August 3, 2022
Hover over any Figma link in Notion to get a pop-up preview. Neat! pic.twitter.com/ckSSBj2fRQ
Netflix icons
Bonnie Kate Wolf designs pictograms for Netflix in Figma.
Designing pictograms for @netflix in @figma
— Bonnie Kate Wolf (@bonniekatewolf) August 2, 2022
Somebody pinch me! pic.twitter.com/Z6U1DZR2Ku