-
-
Notifications
You must be signed in to change notification settings - Fork 24
Commit
Version 2.0
- Loading branch information
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,34 +1,33 @@ | ||
![Preview](Previews/Repo%20Header.jpg?raw=true) | ||
![Preview](/.images/repo-banner.png) | ||
|
||
# macOS UI Kit for Sketch | ||
[![latest release](https://img.shields.io/github/release/alexkaessner/macOS-UI-Kit.svg)](https://github.com/alexkaessner/macOS-UI-Kit/releases/latest) [![license](https://img.shields.io/github/license/alexkaessner/macOS-UI-Kit.svg)](https://github.com/alexkaessner/macOS-UI-Kit/blob/master/LICENSE) [![like on Dribbble](https://img.shields.io/badge/like%20on-Dribbble-ea4c89.svg)](https://dribbble.com/shots/2987000-macOS-Sierra-UI-Kit-for-Sketch) [![like on Product Hunt](https://img.shields.io/badge/like%20on-Product%20Hunt-da5530.svg)](https://www.producthunt.com/posts/macos-ui-kit-for-sketch) | ||
|
||
This macOS Sierra UI Kit is designed at 1x scale, but with retina displays in mind! So if you open this on a non-retina screen it may looks a little blurry. I think we're missing some good retina UI Kits for Mac, so I've created this based on Apple's fine retina display style. | ||
|
||
The Sketch document uses the latest features like Text Styles, Symbols and Auto Layout. **You can [download](https://github.com/alexkaessner/macOS-UI-Kit/archive/master.zip) this Kit for FREE and use it to create your own retina ready designs!** | ||
Show some love if you like this UI kit and share it with your friends. :+1: | ||
|
||
Any feedback is appreciated! Just take a look at the issues, or [leave me a comment on dribbble](https://dribbble.com/shots/2987000-macOS-Sierra-UI-Kit-for-Sketch) or [Product Hunt](https://www.producthunt.com/posts/macos-ui-kit-for-sketch). | ||
|
||
[![Download](Previews/Banner.png?raw=true)](https://github.com/alexkaessner/macOS-UI-Kit/archive/master.zip) | ||
[![Download](Previews/Banner-Cloud.png?raw=true)](https://sketch.cloud/s/dr1K9) | ||
[![Download](Previews/Banner-Cloud2.png?raw=true)](https://sketch.cloud/s/2mYvQ) | ||
|
||
# NOTE: macOS 11 Big Sur | ||
Yes, I’m working on a big update for macOS 11. Stay tuned! :wink: | ||
|
||
# Sketch Libraries | ||
Both the macOS UI Kit and the Touch Bar Kit are perfectly suited for the new [Sketch Libraries](https://sketchapp.com/docs/libraries/)! Just download the Libraries from Sketch Cloud (links above) or add it manually and start designing! | ||
|
||
> The best design happens when designers collaborate together. With Libraries, designers can now share Symbols across documents and have them update to be always kept in sync. | ||
# Touch Bar Kit included | ||
![Preview](Previews/Touch%20Bar%20Preview.jpg?raw=true) | ||
New since version 1.1 is a UI Kit for the all new MacBook Pro Touch Bar. It includes common layouts from the [macOS HIG](https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/OSXHIGuidelines/AbouttheTouchBar.html#//apple_ref/doc/uid/20000957-CH104-SW1) and some system app layouts. | ||
|
||
# Need Help? | ||
Take a look at the [Repo Wiki](https://github.com/alexkaessner/macOS-UI-Kit/wiki) to read more about both of the UI Kits and how to use them. | ||
|
||
# System requirements | ||
**This UI Kit is made for Sketch 51 or higher.** | ||
If you need a file for a older Sketch version look out for [older UI Kit versions](https://github.com/alexkaessner/macOS-UI-Kit/releases). | ||
[![latest release](https://img.shields.io/github/release/alexkaessner/macOS-UI-Kit.svg)](https://github.com/alexkaessner/macOS-UI-Kit/releases/latest) [![license](https://img.shields.io/github/license/alexkaessner/macOS-UI-Kit.svg)](https://github.com/alexkaessner/macOS-UI-Kit/blob/master/LICENSE) ![Sketch Version](https://img.shields.io/badge/Sketch-v70%20or%20newer-f7b500?logo=sketch) | ||
|
||
Get the incredibly detailed and most accurate macOS UI Kit for Sketch. The library is loaded with hundreds of components, colors, and text styles. Arguably the fastest way to get started with your Mac app designs. | ||
|
||
## Installation | ||
1. [Download](https://github.com/alexkaessner/macOS-UI-Kit/releases/latest/download/macOS-UI-Kit.zip) the latest Version | ||
2. Open Sketch.app | ||
3. Go to _Sketch > Preferences… > Libraries > Add Library…_ | ||
4. Select the _macOS 11 UI Kit.sketch_ File | ||
|
||
Note: Please link the library first, before using the _Preview.sketch_ file. | ||
|
||
## What’s Included? | ||
- Super Accurate & Pixel Perfect | ||
- Quick Start Document | ||
- 750+ Customizable Symbols | ||
- 270+ Text Styles | ||
- Dark & Light Mode | ||
- Touch Bar Kit Included | ||
- Detailed Layer Styles | ||
- System Color Variables | ||
- System Cursors Included | ||
- SF Symbol Support | ||
|
||
## Minimum Requirements | ||
**Made for Sketch 70.** Requires Apple’s [SF Pro](https://developer.apple.com/fonts/) Font. | ||
|
||
## Contribution | ||
Feel free to [report problems](https://github.com/alexkaessner/macOS-UI-Kit/issues) or [request new elements](https://github.com/alexkaessner/macOS-UI-Kit/discussions) on GitHub. | ||
You can also [contribute directly](https://github.com/alexkaessner/macOS-UI-Kit/wiki/Contribute) to the UI Kit by adding more elements. |
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.