10+ Latest Free macOS Big Sur Design Resources

Big Sur is the brand new Apple macOS 11 design system introduced together with the new iOS 14 at WWDC 2020.

This new design system brings lots of iOS & ipadOS inspired visual changes and redesigns to the next generation Mac.

In this post, you will find the latest and free design resources that could be used to get a new Big Sur experience for your next design project. I hope you find useful and get inspired.

Last updated: Aug 29, 2020

Table Of Contents:

UI Elements:

macOS Big Sur Windows

macOS Big Sur Windows


macOS Big Sur Control Center Design For XD

macOS Big Sur Control Center Design For XD


Safari Big Sur Mockup Sketch

A Safari Browser mockup in the style of macOS Big Sur.

Safari Big Sur Mockup Sketch

macOS Big Sur Control Center

The new macOS control center concept in Sketch format.

macOS Big Sur Control Center


App Clip Template

The new App Clip feature in iSO 14. Available as a Sketch file.

App Clip Template


macOS Big Sur and Safari UI (Figma)

A brand new Safari browser UI following the new Apple macOS Big Sur design.

macOS Big Sur and Safari UI (Figma)


Minimal Clean macOS Big Sur Safari Mockup

A minimal clean Safari on macOS Big Sur system mockup. Designed using Adobe XD.

Minimal Clean macOS Big Sur Safari Mockup


macOS Big Sur Control Center in React

See the Pen
MacOS big sur control center in React
by Ahmed Elsakaan (@ixahmedxi)
on CodePen.


App Icons:

Creative Cloud Icons For Big Sur

A set of Creative Cloud (Adobe Product) app icons for macOS Big Sur design projects:

  • Acrobat Reader
  • After Effects
  • Bridge.png
  • Creative Cloud
  • Dimension
  • Illustrator
  • InDesign
  • Lightroom
  • Media Encoder
  • Photoshop
  • Premier Pro
  • XD

Creative Cloud Icons For Big Sur

macOS Big Sur Styled Vector Icons

A set of 9 macOS Big Sur styled App icons in AI format.

Big Sur Style Social Icons In Figma

A set of 3D macOS Big Sur style social icons: Youtube, Instagram, Linkedin, Twitter, Skype, Facebook, Vimeo, etc.

Big Sur Style Social Icons In Figma

30+ Free 3D Big Sur Icons

A set of 30+ free 3d macOS Big Sur icons created using Figma and C4D.

30+ Free 3D Big Sur Icons


macOS Big Sur Replacements Icons

A set of macOS Big Sur Replacements Icons in ICNS and PNG formats.

macOS Big Sur Replacements Icons

Adobe Icons for macOS Big Sur

New Adobe Icons inspired by Apple macOS 11 Big Sur design concept.

Adobe Icons for macOS Big Sur


macOS Big Sur Replacements Icons

A set of 60+ macOS Big Sur style application icons in PNG and ICNS formats.

macOS Big Sur Replacements Icons


macOS Big Sur Microsoft Icons

macOS Big Sur Microsoft Icons


macOS Big Sur Icon Pack

A set of macOS 11 Big Sur style Microsoft applications icons: Excel, OneDriver, OneNote, Outlook, PowerPoint, Teams, VS Code, and Word.

macOS Big Sur Icon Pack


macOS Big Sur Icon Template

An icon template to help designers quickly create macOS Big Sur app icons in Figma app.

macOS Big Sur Icon Template


4 macOS Big Sur Icons

4 new macOS Big Sur icons: messages, calc, maps, and settings.

4 macOS Big Sur Icons


Content Blocker New Icon

Content Blocker app icon in Figma format.

Content Blocker New Icon


More Resources:

If you’re a UI/UX/Graphic designer, here are a few more resources you might find useful:

You Might Be Interested In: