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
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
The timing of this release is impeccable — just a couple of months ago WebKit added support for leading-trim CSS property to Safari Technology Preview (although other browsers are not rushing). For a deeper dive into why it’s important, see Leading-Trim: The Future of Digital Typesetting by Ethan Wang from Microsoft.
4/32 Leading trim
— Figma (@figma) March 28, 2023
Align and style your text just the way you want it by trimming that extra spacing. pic.twitter.com/ltSLeZXTzm
A beautifully presented shortlist of 11 out of 32 “little big updates”.
See also Molly Hellmuth’s top 10. Below is my personal shortlist, which is a little different.
If you missed the livestream (or had trouble joining the Zoom webinar), check out this recording of the event. Lively and exciting presentation by the Designer Advocates team!
I love reading about how design decisions are being made! This story shares a few anecdotes from the designers and engineers behind the current shipment of Little Big Updates, including multi-select search, background blur in prototypes, on-canvas previews, and hanging punctuation.
The community file is my favorite way to learn about and see demos of all 32 Little Big Updates.
On Tuesday, March 28th, 2023 at 9:00 AM PT, Figma will livestream the launch of 30+ little updates “that will be BIG improvements to your workflow”. The video teaser mentions the preview of blend modes and on-hover previews 👀 Sign up for a free webinar by their team of designer advocates and product managers.
“You can now seamlessly copy-and-paste between your iPad and desktop. Just open a FigJam file on your iPad, and another FigJam or Figma file on your desktop at the same time. Copy something on iPad and an in-app notification on desktop will ask you if you want to paste the selection from the other device. You can copy-and-paste from desktop to iPad, too.”
Such a fun thread by designer Jakub Świadek on how the FigJam team redesigned the sticky note curl. See also another thread by Noah Finer on how it was implemented with CSS and SVG animations.
We're on a roll over here at @figma... we’re launching a redesigned sticky note curl today. Here’s why we’re excited about this tiny little design detail. pic.twitter.com/duFnHshOGc
— Jakub Świadek (@jakub_swiadek) March 16, 2023
“Now you can create tables in FigJam right from the bottom tool bar. Organize information and ideas in custom-sized tables to build project plans, decision matrices, pro/con lists, and more.” Check out a quick demo video and read the blog post on how the product team arrived at the approach, tackled multiplayer bugs, and finessed design details.
Figma always supported #RGB
and #RRGGBB
CSS syntaxes in color fills, but now you can also use rgb()
, rgba()
, hsl()
, and hsla()
. Pretty neat!
Paid resources are finally available on Community! The days of dealing with license keys, paying through 3rd-party websites, and importing downloaded files are over. As a customer, you can try most resources before buying, and if something went wrong easily apply for a refund.
While this release makes the whole experience much smoother for end users, it’s a huge change for Community creators — “there’s no dealing with payment integrations, license keys, emailing files, or even managing refunds — just set your price, publish, and start earning”. A few years ago, I was delighted to learn that some creators earn a living from selling Figma plugins and resources. This will become much more common now because of additional exposure and a lower barrier to entry. There has never been a better time to start contributing to the design community.
On the Enterprise plan, organization admins and workspace admins can now enable libraries for all files in a given workspace. On the Organizations plan, organization admins will see an updated layout for the libraries tab in the admin settings.
Minor performance update that makes animations of interactive components in prototypes much smoother and faster.
“For Organization and Enterprise customers, we improved how the members table in the admin console loads. The new experience starts rolling out today for organization admins and workspace admins. As a result of the change, the members table should load much faster for Figma instances with more than 1,000 users.”
Prototypes are now even more powerful, with new ways to upload, edit, and interact with videos. See demos at Figma’s Twitter thread and try it out in the playground. Great follow-up update to the release of videos in October!