You can check out all the TextNode properties and functions here. setRangeTextStyleId() = set TextStyle to characters in range.setRangeLineHeight() = set line height to characters in range.setRangeLetterSpacing() = set letter spacing to characters in range.setRangeTextDecoration() = set text decoration to characters in range.

setRangeTextCase() = set text casing to characters in range.setRangeFontName() = set font to characters in range.setRangeFontSize() = set font size to characters in range.Its a modern, crisp typeface that pairs well with Archvio, Lora, Rokkit, Nunito, Raleway and Space Mono. lineHeight = set line height in pixels or percents Roboto is an open source, sans-serif font originally developed by Google for Android.letterSpacing = set letter spacing in pixels or percents Font families Font weights Font sizes Line heights Letter spacing Paragraph spacing Paragraph Indent Text decoration Text case.textDecoration = set decoration to underline/strikethrough.textCase = set text casing to uppercase etc.textStyleId = set TextStyle using TextStyle id.fontName = set font family and style/weight.characters = set/write your text content.The documentation says that 'Loading a font is done via figma.loadFontAsync(fontname)' and maybe for someone that is enough but, as a designer, I was a bit confused when I tried it and it didn't work.Īfter you have your fonts loaded you can use the following properties and functions of a TextNode: You cannot load fonts from the internet.) (As a sidenote: You can load any font thats already accessible in the Figma editor. In our example we want to use Work Sans, Bold. TextNodes have a property called fontName which is a javascript object that contains the font family and font style. Only when you're changing properties like fill colour or stroke, you do not need to load the fonts. So, basically every time you make changes to text content or its properties, you have to load its font. I found out that the exception will look like this in your console. If you attempt to change, say, fontName without first loading the font for that text node, the plugin will throw an exception. The important thing with text is that changing the content of a text node requires its font to be loaded and that fonts are not always available. Each component has been created with the latest version of Auto Layout, supports Component Properties, variants, Light and Dark. The docs tells us this important thing about text and fonts: Im beyond excited to share this years iOS 16 UI Kit for Figma with the community This file contains hundreds of components, templates, demos, and everything else needed to help you start designing for iOS. You can find the official Figma Plugin documentation page about TextNodes here but I believe the docs could be better and that's why I wrote this blog post. If you want to know more about this subject, just keep on reading. Enter fullscreen mode Exit fullscreen mode

Figma font