├── 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 | --------------------------------------------------------------------------------