Updated
macOS High Sierra UI Kit
macOS High Sierra UI Kit
UI Template
Current version 2.0
Changelog
Current version 2.0
Changelog
A UI Kit with meticulously crafted macOS vector assets including Finder, Menubar, Dock, Messages, Siri and Settings containers and controls. A great resource when designing apps for macOS.
A UI Kit with meticulously crafted macOS vector assets including Finder, Menubar, Dock, Messages, Siri and Settings containers and controls. A great resource when designing apps for macOS.
Download for Photoshop Download for Sketch
Highlights
Most standard macOS UI Elements
Finder, Menubar, Dock, Messages, Siri and Settings in vector
Highlights
Most standard macOS UI Elements
Finder, Menubar, Dock, Messages, Siri and Settings in vector
Compatibility
CC 15+
Compatibility
Latest Version
What's inside?
This is a Photoshop document that holds a large library of macOS High Sierra UI assets for your app-designing needs. Create high fidelity macOS app mockups with these vector objects. Quickly build out your interface, base your design off standard design elements and tweak till you or your client is happy.
How do I use it?
You’ll need Photoshop CC. Open the PSD file in Photoshop. Edit directly in the template file or create a new document and drag in / copy assets from the layers pane. Build out your interface by copying and editing these assets.
Why does it cost money?
To ensure an up-to-date and growing collection of carefully crafted designer tools, access to this resource is reserved for subscribing members. It only takes a minute to sign up and membership is a low fee that can be cancelled any time. Your support makes this resource and several other resources sustainable. Learn more about membership by going to the sign up page.
What's inside?
This is a Sketch document that holds Sketch Symbols and Screens for macOS High Sierra assets for your app-designing needs. This enables you to create, remix and tweak the default UI extremely fast.
How do I use it?
You’ll need SketchApp. Open the Sketch file in Sketch. Create a new page and start adding artboards and then symbols to those artboards. If you need to edit a symbol beyond what is possible then right click and "Detach from symbol". You can read more about symbols, shared styles and text styles on the Sketch documentation
Why does it cost money?
To ensure an up-to-date and growing collection of carefully crafted designer tools, access to this resource is reserved for subscribing members. It only takes a minute to sign up and membership is a low fee that can be cancelled any time. Your support makes this resource and several other resources sustainable. Learn more about membership by going to the sign up page.
Changelog
Version 2.0
🆕 Added @1x version of PSD file
Changelog
Version 2.0
🆕 Added @1x version of Sketch file
Join the
Newsletter
Monthly emails with new resources
First name
Email
 
No spam. Ever. Unsubscribe with a single click.