├── iOS Text Styles.sketch
└── README.md
/iOS Text Styles.sketch:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/saffad/iOS-Text-Styles-in-Sketch/HEAD/iOS Text Styles.sketch
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # iOS Text Styles in Sketch
2 | A direct and true representation of iOS [`UIFontTextStyles`](https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIFontDescriptor_Class/index.html#//apple_ref/doc/constant_group/Text_Styles) created in Sketch. For iOS 9 and later.
3 |
4 |
5 |
6 | ## What is this
7 |
8 | A sketch file with `10` defined text styles directly mapped from iOS [`Text Styles`](https://developer.apple.com/ios/human-interface-guidelines/visual-design/typography/) constants (see [Typography](https://developer.apple.com/ios/human-interface-guidelines/visual-design/typography/)):
9 |
10 | `Title1`
11 | `Title2`
12 | `Title3`
13 | `Headline`
14 | `Subheadline`
15 | `Body`
16 | `Footnote`
17 | `Caption1`
18 | `Caption2`
19 | `Callout`
20 |
21 | - Supports iOS 9 and later
22 | - Includes styles for Default (Large) Dynamic Type size
23 | - Supports Latin and Japanese
24 |
25 | ## Why
26 |
27 | I wanted an easier and consistent way to design and build when switching between Sketch and Xcode:
28 |
29 | * Sketch iOS template is inaccurate.
30 | * Sketch iOS template doesn't share the same naming conventions as Xcode.
31 | * I couldn't find any resource like this
32 |
33 | ## How to use
34 |
35 | 1. Download
36 | 2. Copy and paste the artboad into your document
37 | 3. Text styles are imported.
38 |
39 |
40 |
41 | **Feel free to leave feedback and contribute**
42 |
43 | *Acknowledgements: [Meng To](https://designcode.io/iosdesign-guidelines) for the tracking table.*
44 |
45 |
--------------------------------------------------------------------------------