Kinda wild how big of a deal last week’s Aspect Ratio release has become. While it’s one of the ​“finally!” releases, it’s also a good reminder that many features considered essential by product teams might actually wait quite a while. The Technology Brothers podcast covered the design community’s reaction and followed up with a discussion about Figma’s position in the market.

Chad from Figma explains how Library Analytics in Figma Organization and Enterprise enables you to gain insights into library usage trends and drill into component, style, and variable usage.

SVG exports will now correctly render background blur and both angular and diamond gradients.

Org and Enterprise customers can now find styles and variables data in their analytics reporting within Figma. This is in addition to the existing component data for a given library. Library Analytics API is out of beta and includes styles and variables data as well, but it’s only available to Enterprise customers.

Miggi explains and shows the new export options in action.

When exporting a raster image (JPG, PNG, PDF), now you can choose an image resampling option. Image resampling helps maintain the quality of your exports by determining the color of each pixel. It’s useful when exporting images to different sizes or a vector design to a raster format.

The Detailed option (default) uses an image resampling method called ​“bicubic sampling.” This method looks at each pixel and uses a weighted average of at least four surrounding pixels from the original image for export. Best used when optimizing for detail in exports, such as high-quality images, vector art, and assets with gradients or drop shadows.

The Basic option uses an image resampling method known as ​“nearest neighbor sampling.” This method looks at pixels from the original image and finds the closest matching pixel to use for the export. Best used when optimizing for hard lines in assets or for assets that don’t need finer details, like icons, low-resolution images, and pixel art.

A new sidebar provides a large collection of diagramming shapes for engineers, along with quick access to recently used ones. Stroke color is now independent of fill color for shapes and sections, and connector labels are movable. Additionally, there is an updated color palette with more variety and consistency.

“You can now lock the aspect ratio of almost any object in Figma – including frames, shapes, images, videos, vectors, and text – so that the proportions of that object are respected as you scale the object or its parent container. This functionality replaces Constrain proportions, which only worked when you adjusted the width or height fields of an object in the properties panel.”

To see it in action, watch video explainers by Miggi and Christine Vallaure. Miggi shows how to temporarily unlock the aspect ratio by holding down the Ctrl key, while Christine points out the correct CSS syntax for implementation.

Dev Mode users can now see variables used in gradients. Binding variables to gradients was also added to the plugin API so plugin developers can offer variables support out-of-the-box.

Two new AI features — quickly search through top Community files to find assets you need and increase the resolution and clarity of your images in just one click in the editor.

Miggi shows three updates to frame presets in UI3: the first frame dropped onto a blank canvas will land at 0x0y coordinates; when clicking on the canvas to add a new frame, Figma will default to the size of the last-used frame; when using the frame tool, quick-add indicators will appear beside and between frames so you can quickly insert additional frames.

Figma will raise prices and change the billing experience next year, as explained by Tom Lowry. (My heart goes out to him for being the face of this change.) The cost of the Professional plan goes up by 33% from $15/​month or $144/​year to $20/​month or $192/​year. (Consider switching to the annual billing before the price goes up!) The seat on the Organization plan increased by 22% from $540 to $660 per year (the cost of the Dev Mode seat didn’t change), and on the Enterprise plan by 20% from $900 to $1,080.

To soften the blow, all paid seats now include FigJam and Slides. The Dev seat became available on the Professional plan for $15/​m or $144/​year (the cost of the Full seat before the price increase). Slides is now bundled with FigJam on the new Collab seat, available for $5/​month or $36/​year on the Professional plan and $60/​year on other plans.

The new admin experience finally provides an upfront control of how users get upgraded. Later next year, they plan to roll out Connected Projects announced at Config, so freelancers and agencies won’t need to pay twice for seats.

The official announcement and walkthrough of changes.

An overview of everything shipped this year. It’s a long list!

The layers panel finally supports lots of nested frames or long layer names with horizontal scrolling.

A new update to Slides lets you bring slides from Figma into a deck with one click.

Dev Mode now suggests variables when the value matches a style, color, or size, even if it wasn’t specified in the design. The new color picker also moved in this direction, and now I want this principle to be applied whenever my values overlap with a style or variable. It should be easier both for designers and developers to use the right primitives.

Selecting a variable in Dev Mode now opens a pop-up panel that includes values, properties, aliases, collection information, and more. There is also a new view for all the variable collections used in the file. Watch a demo of all the new features.

A new libraries modal optimized for adding and browsing relevant libraries. Highlights of this redesign include a new recommended tab and overall improvements to performance and navigation.

Choose a color, style (solid, dotted, or wavy), thickness, and offset of your underlines.

Is this new? Very cool.