Text ViewLast Updated: October 03, 2018
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.