Text View

Text View

Text View lets you focus on the copy. It hides design elements so that there’s no visual distraction. Because Text View is displayed in document-style you can read your copy naturally. Text view is great for:

  • Working on screen-narrative and tone of voice
  • Reviewing copy
  • Copy handoff

You can use Text View by clicking on the document icon at the bottom of a screen you’re editing. Switch back to Screen View by clicking the image icon.

Text View displays text layers in the order they appear in the design file—starting with the top left, ending with the bottom right.

Just like Screen View, any changes you make in Text View are saved automatically and can be synced back to Sketch.

Text View Formatting

Text View makes it easier to work on complex screens that have a lot of copy. Use Text View Formatting to group text layers, display titles, and highlight buttons. Here’s how it works:


Grouping text layers

In Sketch create a new group around the text layers that should be displayed together—name the group, kopie-group.

Use kopie-group for text layers that belong together.

Formatting a title

In Sketch create a new group around the text layer that should be displayed as a title—name the group, kopie-title.

Use kopie-title for titles and headlines that need to stand out in Text View.

Formatting a button

In Sketch create a new group around the text layer that should be displayed as a button—name the group, kopie-button.

Use kopie-button for buttons, links, and other call-to-actions.

Example Sketch File

If you’re still wondering how all of this works, no worries—we’ve made an example Sketch file with everything you need to know.

Learn how to apply kopie-group, kopie-title, and kopie-button by opening the example file in Sketch.

See how the different formats appear in Text View by syncing the example file to Kopie.

Did this help answer your question?

thumbs up
thumbs down

Thanks for the feedback! 🙏🏽

Help by drift