Combining Design and Code

With the launch of Dynamic Type, text blocks created in Framer Design became real Text Layers. In addition to updating the text in Code with template tags, you can now change how the text looks.

Here I’ll give an overview of all Text Layer properties, show which ones can be animated, and share some tips and tricks.

By the way, you can, of course, still create Text Layers in Code as well. There’s a Snippet; see Layer > Text in the Snippet menu.

text = new TextLayer
    text: "Hello World"
    fontSize: 64
    fontWeight: 600
    x: Align.center
    y: Align.center