GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → bgian → Sketch Ios Library

bgian / Sketch Ios Library

💎 A library of iOS styles replicated in Sketch to speed up your workflow.

Programming Languages

swift
15916 projects

Labels

xcodedesignapplesketchios-ui

Projects that are alternatives of or similar to Sketch Ios Library

Doric
Protocol oriented, type safe, scalable design system foundation swift framework for iOS.
Stars: ✭ 75 (-71.59%)
Mutual labels:  apple, xcode, design
Example Ios Apps
 A curated list of Open Source example iOS apps developed in Swift. An amazing list for people who are beginners and learning ios development and for ios developers who need any example app or feature.
Stars: ✭ 461 (+74.62%)
Mutual labels:  apple, xcode, ios-ui
React Native Unified Contacts
Your best friend when working with the latest and greatest Contacts Framework in iOS 9+ in React Native.
Stars: ✭ 156 (-40.91%)
Mutual labels:  apple, xcode
Macos Cookbook
A Chef cookbook used to provision macOS
Stars: ✭ 183 (-30.68%)
Mutual labels:  apple, xcode
Wwdc
You don't have the time to watch all the WWDC session videos yourself? No problem me and many contributors extracted the gist for you 🥳
Stars: ✭ 2,561 (+870.08%)
Mutual labels:  apple, design
Nativelogin
Authorization form in native iOS style
Stars: ✭ 140 (-46.97%)
Mutual labels:  apple, xcode
Apple Device Model List
All Apple devices model name list. 通过内部编号判断 iOS 设备型号。
Stars: ✭ 149 (-43.56%)
Mutual labels:  apple, xcode
Periphery
A tool to identify unused code in Swift projects.
Stars: ✭ 3,017 (+1042.8%)
Mutual labels:  apple, xcode
Wwdc Recap
A collection of session summaries in markdown format, from WWDC 20, 19 & 17
Stars: ✭ 121 (-54.17%)
Mutual labels:  apple, xcode
Apple-App-Icons
This repository is for hosting Apple App Icons Sketch file, .sketch
Stars: ✭ 31 (-88.26%)
Mutual labels:  apple, sketch
Nativepopup
Clone of Apple iOS App's feedback popup, and easily customizable.
Stars: ✭ 247 (-6.44%)
Mutual labels:  apple, ios-ui
sketch-git-hooks
Easy trick how to enjoy Git versioning for Sketch files thanks to Git Hooks
Stars: ✭ 12 (-95.45%)
Mutual labels:  design, sketch
Swiftui Shapes
🚀 Collection of SwiftUI shapes
Stars: ✭ 137 (-48.11%)
Mutual labels:  apple, xcode
Swift Summary
A summary of Apple's Swift language written on Playgrounds
Stars: ✭ 1,668 (+531.82%)
Mutual labels:  apple, xcode
Alerttoast
Create Apple-like alerts & toasts using SwiftUI
Stars: ✭ 151 (-42.8%)
Mutual labels:  apple, xcode
Ios Good Practices
Good ideas for iOS development, by Futurice developers.
Stars: ✭ 10,417 (+3845.83%)
Mutual labels:  apple, xcode
Shsearchbar
The search bar that doesn't suck.
Stars: ✭ 206 (-21.97%)
Mutual labels:  apple, xcode
storybook-addons-abstract
Storybook addon for linking Abstract layer and collection shares to stories. Example:
Stars: ✭ 63 (-76.14%)
Mutual labels:  design, sketch
Stompclientlib
Simple STOMP Client library, Swift 3 and 4, 4.2, 5 compatible
Stars: ✭ 99 (-62.5%)
Mutual labels:  apple, xcode
Swiftui Sliders
🚀 SwiftUI Sliders with custom styles
Stars: ✭ 241 (-8.71%)
Mutual labels:  apple, xcode
View All Similar Projects ➔

Sketch iOS Library

I’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.

You'll need to download Apple's SF font: https://developer.apple.com/fonts/

UIBlurEffectStyle

The 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.

Usage

  1. Open UIBlurEffectStyle.sketch
  2. Copy style of a blur type
  3. Paste style to any shape

Process

  1. Created a few colorful shapes to blur
  2. Rendered and exported all three types of blur over the shapes in Xcode:
    • extraLight
    • light
    • dark
  3. Replicated each blur type in Sketch

UIFontTextStyle

Apple’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.

Usage

  1. Open UIFontTextStyle.sketch
  2. Copy & Paste artboard into Sketch document
  3. Assign texts to a system style

Process

  1. Made a list of all ten text styles:
    • Title1
    • Title2
    • Title3
    • Headline
    • Subhead
    • Body
    • Footnote
    • Caption1
    • Caption2
    • Callout
  2. Printed out the specs in Xcode (e.g. UIFontTextStyle(_rawValue: UICTFontTextStyleTitle1): .SFUIDisplay-Light, 28)
  3. Used font tracking designcode.io recommends

Get Involved

Suggest a style

  1. Create a new issue
  2. Describe the iOS style that should be replicated
  3. ✨ Bonus: Follow the issue to provide feedback

Leave feedback

  1. Create a new issue
  2. Mention which style you have feedback on
  3. ✨ Bonus: Follow the issue to provide feedback

Ask a question

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].