Amazing intro video of the 5x faster comment replies in the updated mobile apps. See also the comparison of performance before and after this release.
How do you do, fellow kids?
— Hugo (@_hraymond) April 11, 2023
A whole bunch of improvements have dropped on the @figma Mobile App, one of which is a much quicker way to react and reply to comments, check it out!https://t.co/CthBTjbrr8 pic.twitter.com/cv3PNQE9Sy
Developer Advocate Jake and Designer Advocate Lauren have an insightful conversation about strengthening relationships between designers and developers. I love Jake’s point that trust is essential and we don’t need to understand every part of each other’s work to collaborate effectively. (Let’s hope Figma Detached is a new series, as I want more!)
sat down with my pal @laurenbandres at @figma to talk about how we strengthen relationships between designers and developers! pic.twitter.com/eESfusGfqc
— jake (@jak___e) April 6, 2023
In this Study Hall, Miggi covers several ways to add/edit images in Figma and demonstrates how to upload a video to use when prototyping or presenting.
Tutorial Tim shows how the “Simplify all Instances” feature reduces an overwhelming visual overload in the Properties panel.
So many great ways to warm up the room in replies to Femke. I’d love to try This or That, play two truths and a lie, draw blind contour portraits, or look for common ground with my team.
What are your favourite icrebreakers or games in Figjam to help warm up the room?
— femke (@femkesvs) April 3, 2023
Tru Narla, Software Engineer at Discord, shares some quality tips on using Figma as a developer — Inspect panel, copying code snippets, and exporting full-sized assets.
Psst... developers, want to become @figma pros??? Well here's some tips and tricks to make working in Figma a LOT easier! pic.twitter.com/1nRR1bFgf4
— mewtru •ᴗ• (@trunarla) April 5, 2023
Luis with a cool technique for adding focus rings to a button using an absolutely positioned component instead of a shadow hack.
Quick tip on creating proper focus rings on components ❖
— luis. (@disco_lu) April 4, 2023
Set up a "focus ring" component, and then use absolute positioning, combined with left/right and top/bottom constraints to make it stick to the edges
Bye bye to shadow hacks 👋 pic.twitter.com/khTfVY5IBa
I mentioned the FigGPT plugin in the last issue, and now Edward Chechique wrote a detailed walkthrough of using this plugin. It requires an OpenAI API key but then provides direct access to ChatGPT prompts and tools for UX writing directly from the Figma document.
Danny Sapio with a few tips on working with paths, anchors, and fills to speed up your drawing workflow in Figma. This article is also available in a video format on YouTube.
Denislav Jeliazkov tested more than 500 plugins and collected a list of 102 that he keeps coming back to.
Is this an important update? No. But is it fun? Hell yes! The FigJam team keeps delivering the most delight per buck.
9/32 Haptics on desktop app (Mac)
— Figma (@figma) March 28, 2023
Feel design and collaboration coming together with new haptics when you emote, high-five in FigJam, and more.
(And if you don't like it, you can turn it on/off in Preferences) pic.twitter.com/9YVbEL7krk
While I don’t often prototype interactions, I love the demo of all the use cases in this thread by Ana Boyer! Engineer Jediah Katz is also dropping some tips and tricks and Zander Whitehurst made a cool demo. Don’t miss the sticky scrolling playground file as well.
I don't know about you, but I was SO EXCITED to learn that Sticky Scroll is part of @figma's Little Big Updates:
— Ana Boyer (@_AnaBoyer) March 28, 2023
For context, sticky scroll allows you to stick a nested element to the top of a frame when you vertically scroll. Some great use cases include: https://t.co/ma9OVMM6Qi
I hope this is the first step to batching all comments into a daily digest for lower-priority files 🤞
11/32 Batched comment notification emails
— Figma (@figma) March 28, 2023
Stay updated on design feedback without the unnecessary distractions with consolidated email notifications. pic.twitter.com/23VKeMfQev
Now you can align layers with layers inside a component instance. Check out the thread by Tom Lowry and don’t miss his detailed spec for different scenarios!
18/32 Align to nested instances
— Figma (@figma) March 28, 2023
Now you can select layers to align to nested instance sublayers. pic.twitter.com/WTiPisRhLW
Nice! Markdown FTW.
10/32 Rich text in comments
— Figma (@figma) March 28, 2023
Get more across by bolding, italicizing, and adding links.
To hyperlink your comments, select the text then hit Cmd + K (Ctrl + K on Windows). pic.twitter.com/cWOunN79eO
Honestly, I always assumed that SVG bugs are just a part of the game and will always be here — not a surprising conclusion when 49% of imported SVGs relied on buggy features. In retrospect, it was a silly assumption considering SVG is one of only a few open vector formats. In this fantastic thread, Figma engineer Lauren Budorick shows how much work went into detecting, analyzing, and fixing these bugs. I didn’t realize that luminance mask support was a part of this work as well, and Miggi is already exploring creative applications for composited motion visuals in prototypes.
Last spring my team at @figma finally took on an area that we've known has been a huge pain point for a long time: SVG imports. We would soon find out just how bad it was (bad!) and that we’d need to build a whole new feature in the process.
— Lauren Budorick (@lbudorick) March 28, 2023
Component properties v2 are out of beta with the ability to bubble up and expose properties of nested instances. It’s also now possible to define a list of preferred instances for swapping. Great for selecting a subset of a larger icons library or working with card components.
13/32 Component properties: exposed nested instances
— Figma (@figma) March 28, 2023
The ability to bubble up properties of nested instances is now default turned on for everyone. pic.twitter.com/YMmyySqCLN
“You can now more confidently approve library updates with a visual preview of the changes and the ability to apply them to individual instances and layers.” I don’t even know how I’ve dealt with the stress of accepting library changes sight unseen in the past.
20/32 Library update improvements
— Figma (@figma) March 28, 2023
Don't forget: You can now more confidentally approve library updates with a visual preview of the changes and the ability to apply them to individual instances and layers. pic.twitter.com/CMp1ExmZjt
While color and layer blend modes have the most noticeable previews, this update is a part of the larger initiative for adding previews to all settings. Previews were already added to Effects, and the team is considering supporting boolean ops, component props, and the font picker.
1/32 On-canvas preview
— Figma (@figma) March 28, 2023
Hover over design panel options to preview different settings and properties before committing to them.
(Font preview is in the works!) pic.twitter.com/4NiSj2r9Zl
My guess is we’ll see hanging punctuation in the wild more often now. (Good luck, developers.)
6/32 Hanging punctuation
— Figma (@figma) March 28, 2023
Preserve the flow of your text by letting punctuation, like quotation marks, hang outside of the text box. pic.twitter.com/xheJmZsYCa