“We’ve added a new export quality setting to give you more control over the file size and quality of images when exporting frames and images from Figma as JPEGs or PDFs. A new quality dropdown in Advanced export settings allows you to choose from High, Medium, or Low quality when exporting as a JPEG or PDF. Low quality will compress your images the most, resulting in the smallest file size, and High quality won’t compress images at all. If you do not select a quality setting upon export, there will be no change to how your files are exported; Figma will follow existing default settings (Medium quality for PDFs and High quality for JPEGs). Also available in FigJam.”
A collection of fun interactions made by Nitish Khagwal.
In this clip of the Sneak Peek episode, Dion Chooi shows how LottieFiles organizes and uses components in Figma.
Molly recommends organizing components with sections to provide a hierarchy in the Assets panel and allow viewing components with a specific background color. Pro tip: set a background to a “danger” color for deprecated components.
Speaking of new typefaces, I’ve been enjoying a highly versatile Innovator Grotesk lately. Unlike some of the traditional typefaces from the print era, this one is made with UI design in mind — its well-balanced vertical metrics make it a breeze to center text vertically inside elements or next to icons. It works well as a drop-in replacement for Inter or San Francisco, and I like a slightly wider width and less ubiquitous look. Highly recommend checking out its beautiful specimens and a simple license.
In the first article in the series on Figma’s brand evolution, editor Jenny Xie takes us behind the scenes of the new custom typeface, Figma Sans, designed by Swiss and American type foundry Grilli Type. Don’t miss the Figma Sans page on the foundry’s website.
“Org admins on Organization and Enterprise plans can now use Figma’s pre-integrated Google SSO app to configure SAML SSO for their org. Customers on the Enterprise plan can also use the pre-integrated app to enable SCIM provisioning.”
Figma just added 450 new Google Fonts to the app. Select “Google Fonts (8÷24 update)” from the font picker dropdown to access them.
“We’ve improved the experience for moving files. Now you can bulk move a group of files and find the right destination more easily.”
Constraints and a blend mode now display inline when toggled on, or the default is changed.
Mike Bespalov is cooking something dope. The glass effect is very cool, but I love the displacement effect applied to the text even more. The plugin is not out yet, but it’s coming soon — can’t wait to try it out!
I’ve always wanted a quick way to do these effects in @figma, so I made a plugin for it. Coming soon pic.twitter.com/9y09vmismq
— Mike Bespalov (@bbssppllvv) August 22, 2024
A Chrome extension that converts any page or a section of a page into React code or an editable Figma design.
New plugin for Vijay Verma for creating a beautiful stippling effect.
Figma Developer Advocate Jake Albaugh joins a livestream on the Visual Studio Code channel to talk about Figma for VS Code extension, allowing developers to easily access and inspect designs from VS Code.
Brett from Designjoy shows how to achieve a cool visual effect with a Progressive Blur plugin.
Brilliant tip from Molly Hellmuth — create a special text style for labels where line height aligns to your grid. No matter what variable is used for padding, the height of your UI elements will be a multiple of the base grid. (This is also a nice way to keep your labels aligned with icons.)
Loren Baxter shares at Sneak Peek how to use Figma variables to design a dynamically colored UI for light and dark modes.
My friend Helena Zhang designed a new monospaced pixel font and licensed it under the SIL Open Font License. It’s beautiful and nostalgic, bringing back so many memories from the early days of the web. The website is a lovely mix of retro vibes and a modern feel.
So much polish has been added to FigJam in the last few weeks! Now, you can change the color of connectors and their text independently.
Ok last one from us: Get your diagrams looking *just right*. Now you can change the color of connectors and their text independently.
— Kelly (@kly_cl) August 29, 2024
(this one is for all you ~particular~ designers out there) https://t.co/EjniX3Dhrv pic.twitter.com/4yhDYjkRNn
Users in Enterprise organizations with workspaces set up can now publish libraries to a workspace in addition to a team or the whole org.