https://s3-us-west-2.amazonaws.com/secure.notion-static.com/54807dbb-d201-4d61-9001-2ad775633a88/Screenshot_2021-07-12_at_10.07.23.png

Handoff allows you to save text styles to reuse them in multiple places in your project. You can create a Text style by clicking the + New text style button. A popup will show up asking you to give your text style a name.

Each text style consists of the following properties:

Using text styles

You can use text styles by selecting a Text style from the Typography panel in the Inspector. It's also possible to override certain properties from your text style. When you change your text style from the Assets tab, all elements using this text style will change automatically.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a2607077-504b-4859-b463-6b8404b19e83/Screenshot_2021-07-12_at_10.14.36.png

Exporting text styles

Text styles can be used as CSS variables in your exported code. Your export will include a variables.css file that contains all the definitions.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/240b24b6-7d79-42ff-b562-4baa27cba4af/Screenshot_2021-07-12_at_10.13.57.png

Continue reading

Import from Figma to Handoff