A few typographic updates: the new default font size list (finally including 16px default on the web!), Inter replaced Roboto as a default font, and support for faux superscripts and subscripts that can be applied to any font — check out Tom Lowry’s behind the scenes deep dive for juicy details.
If the screenshot is real, this is an exciting rumor!
#Figma is adding the support of variable fonts! pic.twitter.com/Poelisk1HK
— Nima Owji (@nima_owji) January 8, 2022
Great article by Christine Vallaure on improving accessibility by using relative font sizes in CSS, and how to work around pixel-based sizes in Figma. While I always use a combination of rem and em units, I wasn’t familiar with the 62.5% CSS hack or that units can be switched during hand-off in Zeplin. Very cool!
You can now mix different text sizes in the same text box, sticky note, or shape.
You can now adjust the spacing between listed items in the type details panel. Finally! Such a small but important change — I had to imitate this with an Auto Layout in the past.
Instead of mocking data with a bunch of rectangles in a rough prototype, use a specially designed font like Flow or BLOKK Neue.
Use bullets and numbers to organize information, emphasize important details, or outline steps. Check out the video by Anthony DiSpezio with a quick demo. Hope you caught the fun lists launched as an April Fools joke!
Figma is working on Bulleted Lists pic.twitter.com/tq0gKyLoXn
— Jane Manchun Wong (@wongmjane) March 8, 2021
A beautiful explanation of the fundamentals of good typography.
Miguel Cardona on using OpenType features.
I don't know who needs to hear this, but some fonts come with stylistic alternatives for glyphs, and its super easy to swap them out in @figmadesign. Especially if a client has strong opinions on that letter "a" (true story).
— miggi from figgi (@miggi) January 8, 2021
This is Basic Sans, btw. pic.twitter.com/dT51BuKAN5
Mizko made a good tutorial on creating a type scale using a tool by Jeremy Church. Other videos on his YouTube channel are worth checking out as well!
Omg, wish I knew this before! This would have saved me years! 😂 @figmadesign #figtrick What are you going to do with your new gained time?🍷 pic.twitter.com/E5WWUijYYf
— Silvia Bormüller (@svorklab) December 1, 2020
Ever wanted to do sweet little link styles in figma like different colored underlines or even backgrounds that still obey auto-layout? @rogie taught me this neato trick. https://t.co/OSNaBoUyaq
— Matthew (@whale) November 25, 2020