MacOS UI Kit Versions Save

:gem: The most detailed and accurate macOS UI Kit for Sketch. This Sketch Library includes common Mac interface elements, cursors, and a Touch Bar UI Kit.

v2.2.3

1 year ago
  • Added Sketch 89’s new artboard templates
  • Fixed scaling issues for certain menu items (Thanks to @peteschaffner – #15)
  • Regrouped the Dock components for easier switch between different sizes

Note: Made with Sketch 89.

v2.2.2

2 years ago

Fixed

  • Improved popover materials, shadows and tails (Thanks to @peteschaffner – #14)
  • Updated some color variables & styles (Keyboard Focus Indicator, System Teal)
  • Added new color variables & styles (Selected Control, System Mint, System Cyan, Link)
  • Improved sidebar components (Header Size & Icon Placement)
  • Improved Toolbar title sizes & weights
  • Fixed traffic light placement for Unified Toolbar
  • Improved placement and sizing of Toolbar Title + Navigational Item
  • Added additional symbols for the wallpapers

Made with Sketch 86.

v2.2.1

2 years ago

Fixed

  • The dark mode submenu menu item was incorrectly in disabled appearance (Thanks to @peteschaffner – #13)

Made with Sketch 84.

v2.2

2 years ago

M1 MacBook Pro

New

  • Updated for macOS Monterey
  • Added Taller Menu Bar Version for M1 MacBook Pros
  • Added Notch & Rounded Display Overlays for new M1 MacBook Pros
  • Added New Dock Versions (Small & Small with 2 Apps open)
  • Added More System & Apple App Icons
  • Added Window Sidebar for Right Side
  • Added Window Version with Sidebar on Right + Sidebar on Both Sides
  • Added Color Well
  • Added Disclosure Button & Disclosure Triangle
  • New Symbols for Different Menu Bar Styles
    • Light Background & Light Text
    • Light Background & Dark Text
    • Dark Background & Light Text
  • New Segmented Toolbar Action Button
  • Updated Toolbar Action Button
  • Tweaked Design of Several Buttons
    • Textured Rounded (+ Pressed State)
    • Round Rect
    • Inline
    • Recessed (+ Hover State)

Artboard

Fixed/Improved

  • Renamed Sketch File to macOS UI Kit.sketch
  • Changed Naming & Grouping of Several Symbols
  • Fixed Variable Fonts Issue Caused by Sketch
  • Improved Fonts for Menu Bar Items
  • Improved Fonts & Colors for Window Titles
  • Improved Shadow for Window Sidebar
  • Added Correct Dark Window Background Color

Made with Sketch 81. Requires Apple’s SF Pro Font.

v2.1

3 years ago

Alerts@2x

New

  • Customizable Alerts
  • Navigation Buttons for Toolbars (Thanks for the suggestion #11)

Fixed/Improved

  • Fixed the correct expanded toolbar height
  • Fixed window title colors for light mode

Made for Sketch 70. Requires Apple’s SF Pro Font.

v2.0

3 years ago

Screenshot

New

  • Everything Is New!
  • Updated for Big Sur
  • Reworked from ground up with:
    • Hundreds of Symbols, Layer and Text Styles + Color Variables
    • Light & Dark Mode Symbols
    • The Touch Bar Kit is now included in the main Library
    • System Cursors

Made for Sketch 70. Requires Apple’s SF Pro Font.

v1.5

5 years ago
  • finally updated from SF UI to the newer SF Pro fonts
  • cleaned up the font and color styles to use them on libraries with Sketch 51

The latest update to the Touch Bar Kit was made with Sketch 51! If you have troubles on an older Sketch please use an older version.

v1.4.1

6 years ago

Now updated for the new Sketch 47 synced Libraries. screenshot

v1.4

6 years ago

The UI Kit is now updated for Sketch 44 with the new auto layout system. Therefore it also requires Sketch 44 or newer.

New objects:

  • the full notification center with app widgets
  • simple window
  • settings window
  • alternate dropdown toolbar button:

v1.3.1

7 years ago

Updates to Touch Bar Kit:

  • new "Show Text Suggestions" Button:
    show text suggestion button
  • updated Craft Library with new Touch Bar Symbols (from older versions)