Designer Advocate Mal shows how to use the new memory control features: “To keep you informed of your memory usage, and any potential issues that may arise, we’ve adjusted our memory banners and alerts to live in the sidebar along with your pages and layers. We’ve also introduced a Memory use tool to surface memory consumed in your files by Page Content and Imported Components as well as the ability to show memory usage in the layers panel for all layers.”
FigJam now got a dedicated iPad app. I hope they’re setting the ground for a full-featured Figma for iPad app? Anyway, the new icon is dope!
State management is now standardized for prototypes using interactive components, scrolling, and video so that Figma can memorize the state, share it across the frames, and offer a way to reset. See a deep dive by noodles expert Niko on how to use the new features. (Also, this is my kind of joke.)
“When you select multiple objects across multiple frames, holding Shift now gives you the option to align those objects as groups within their respective frames.”
“When you have multiple vertices selected in vector edit mode, you can now type Mixed + [value] into the X or Y input box to add the same value to each vertex.”
And a niche usability treat: we’ve added support for mixed math while in vector edit mode. Select multiple vertices or bezier handles and modify them all at once with MATH. pic.twitter.com/aSmSnyWhjT— merp 👾 (@mollymerp) May 18, 2023
After adding screen readers support to Figma prototypes last year, now it’s introduced to FigJam. With this update, screen reader or keyboard users can move focus around the canvas, as well as between different menus and screens, to create, edit, and read out content. I love how these improvements make FigJam better for everyone: “Users can now navigate FigJam files using the Tab key to jump between objects on the canvas, as well as between text nodes for efficient editing. Hold Shift-Tab to tab in reverse.”
The accessibility team also shared a few tips on making FigJam files more accessible: provide “alt” text to images, use Sections to group content, numbered lists to describe order, and underscores to communicate fill-in-the-blanks.
In addition to a bigger release, there are a bunch of good quality-of-life improvements: toggling between thin and thick markers with Command–B (lovely animation!), an addition of Paste to replace (Command–Shift–V) command to FigJam, and connecting two objects by simply clicking on one object followed by clicking on another.
A big update to FigJam — custom templates for your team, stamp your teammates’ faces to files and tag them with @mentions, emoji picker opens by typing a colon (“:”), custom color palettes (coming soon), UserTesting and Great Question integrations, Productboard widget, and new tunes! Also, explore new world-class teams’ templates and see a thread by Cai on the Figma design team’s rituals and templates they use in daily work.
Today we added 10+ new features and integrations to help you work your way in FigJam, including...— Figma (@figma) May 9, 2023
1. Custom templates
2/3. Team face stamps and @ mentions
4. Custom colors (coming soon)
5. Emoji picker
…and more!https://t.co/osvMlinXQk pic.twitter.com/cmqcqBLTHB
Admins now can select all users in the Members table in the admin console. New customers in Japan, Europe, UK, and Canada who require invoicing can now purchase an Organization or Enterprise plan in the local currency or USD.
“Navigate FigJam files without taking your hands off your keyboard by using the Tab key to jump between objects on the FigJam canvas, like sections, shapes, and stickies. You can also tab between text nodes while editing text to rapidly make edits across your file. Hold Shift + Tab to tab back in the reverse direction.”
Now in FigJam, you can access face stamps from anyone in your organization and add them to your FigJam file. Browse available face stamps in the More menu and easily change an existing face stamp to another teammate’s face. (Available on teams on the Organization and Enterprise plans.)
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
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
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
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
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
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
“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