{"id":13903128,"url":"https://github.com/bgian/Sketch-iOS-Library","last_synced_at":"2025-07-18T00:33:25.217Z","repository":{"id":218023370,"uuid":"69202551","full_name":"bgian/Sketch-iOS-Library","owner":"bgian","description":"A library of iOS styles is replicated in Sketch to speed up your workflow.","archived":false,"fork":false,"pushed_at":"2017-05-01T01:23:26.000Z","size":778,"stargazers_count":263,"open_issues_count":0,"forks_count":12,"subscribers_count":13,"default_branch":"master","last_synced_at":"2024-08-07T22:36:03.445Z","etag":null,"topics":["apple","design","ios-ui","sketch","xcode"],"latest_commit_sha":null,"homepage":"","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bgian.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2016-09-26T01:39:14.000Z","updated_at":"2023-11-07T12:43:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"6a14f535-acaa-4c03-bf6e-567a715215f4","html_url":"https://github.com/bgian/Sketch-iOS-Library","commit_stats":null,"previous_names":["bgian/sketch-ios-library"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bgian%2FSketch-iOS-Library","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bgian%2FSketch-iOS-Library/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bgian%2FSketch-iOS-Library/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bgian%2FSketch-iOS-Library/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bgian","download_url":"https://codeload.github.com/bgian/Sketch-iOS-Library/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226320901,"owners_count":17606375,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["apple","design","ios-ui","sketch","xcode"],"created_at":"2024-08-06T22:01:38.501Z","updated_at":"2024-11-25T11:31:18.416Z","avatar_url":"https://github.com/bgian.png","language":"Swift","readme":"# Sketch iOS Library\n\nI’ve decided to take styles from Xcode and do my best to replicate them for Sketch. Along the way, I documented the process of how I ended up with the result so you can look into things even further.\n\nYou'll need to download Apple's SF font: https://developer.apple.com/fonts/\n\n## UIBlurEffectStyle\nThe API doesn't provide any specs for blurs, so it's a challenge to replicate. For performance concerns, I understand why Apple isn't open about these specs. However, as designers I think we shuold be aware of these constraints and design with them.\n\n#### Usage\n1. Open [`UIBlurEffectStyle.sketch`](https://github.com/bgian/Sketch-iOS-Library/blob/master/UIBlurEffectStyle/UIBlurEffectStyle.sketch)\n2. Copy style of a blur type\n3. Paste style to any shape\n\n#### Process\n1. Created a few colorful shapes to blur\n2. Rendered and exported all three [types of blur](https://developer.apple.com/reference/uikit/uiblureffectstyle) over the shapes in Xcode:\n    - `extraLight`\n    - `light`\n    - `dark`\n3. Replicated each blur type in Sketch\n\n## UIFontTextStyle\nApple’s system fonts are designed for legibility and provide a variety of sizes which automatically react to accessibility features. You can read more about why it’s best to use system fonts on the [iOS Human Interface Guidelines](https://developer.apple.com/ios/human-interface-guidelines/visual-design/typography/).\n\n#### Usage\n1. Open [`UIFontTextStyle.sketch`](https://github.com/bgian/Sketch-iOS-Library/blob/master/UIFontTextStyle/UIFontTextStyle.sketch)\n2. Copy \u0026 Paste artboard into Sketch document\n3. Assign texts to a system style\n\n#### Process\n1. Made a list of all ten text styles:\n    - `Title1`\n    - `Title2`\n    - `Title3`\n    - `Headline`\n    - `Subhead`\n    - `Body`\n    - `Footnote`\n    - `Caption1`\n    - `Caption2`\n    - `Callout`\n2. Printed out the specs in Xcode (e.g. `UIFontTextStyle(_rawValue: UICTFontTextStyleTitle1): .SFUIDisplay-Light, 28`)\n3. Used font tracking [designcode.io](https://designcode.io/cloud/chapter1/iOS-Tracking.jpg) recommends\n\n## Get Involved\n\n#### Suggest a style\n1. Create a [new issue](https://github.com/bgian/Sketch-iOS-Library/issues/new)\n2. Describe the iOS style that should be replicated\n3. ✨ Bonus: Follow the issue to provide feedback\n\n#### Leave feedback\n1. Create a [new issue](https://github.com/bgian/Sketch-iOS-Library/issues/new)\n2. Mention which style you have feedback on\n3. ✨ Bonus: Follow the issue to provide feedback\n\n#### Ask a question\n- \u003ca href=\"https://twitter.com/_bgian\"\u003e@_bgian\u003c/a\u003e\n- \u003ca href=\"mailto:hi@bobby.so\"\u003ehi@bobby.so\u003c/a\u003e\n- \u003ca href=\"http://m.me/bobbygiangeruso\"\u003eMessenger\u003c/a\u003e\n","funding_links":[],"categories":["Swift"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbgian%2FSketch-iOS-Library","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbgian%2FSketch-iOS-Library","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbgian%2FSketch-iOS-Library/lists"}