
Apple Design Resources
Official Apple design templates, UI kits, fonts, and tools
Product Overview
Apple Design Resources is the official collection of design materials provided by Apple for designing apps across all Apple platforms. It includes UI kits for Figma and Sketch covering iOS, iPadOS, macOS, tvOS, watchOS, and visionOS; SF Symbols library with over 7,000 symbols; system fonts including SF Pro, SF Compact, SF Mono, and New York; app icon templates; product bezels for device mockups; technology badges and logos; and tools like Icon Composer for creating Liquid Glass icons and Parallax Previewer for tvOS and visionOS. All resources are free and follow Apple's Human Interface Guidelines to ensure accurate, platform-native designs.
Best For
Apple platform designers and developers who need official, accurate design resources — UI kits, fonts, symbols, and templates — to build apps that follow Apple's Human Interface Guidelines.
Key Features
- Official UI kits for Figma and Sketch (all Apple platforms)
- SF Symbols library with 7,000+ symbols in 9 weights and 3 scales
- System fonts: SF Pro, SF Compact, SF Mono, New York
- App icon templates for all Apple platforms
- Product bezels for device mockups (iPhone, iPad, Mac, Apple Watch)
- Icon Composer tool for Liquid Glass layered icons
- Parallax Previewer and Exporter for tvOS/visionOS
- Technology badges and marketing logos
- Color guides and design templates
- Free to use with Apple Developer account
Pros
- +Official Apple resources ensure design accuracy
- +Comprehensive coverage of all Apple platforms
- +Free with no additional cost
- +Regularly updated with each OS release
- +Industry-standard reference for Apple designers
- +Includes both design files and production tools
Cons
- -Requires Apple Developer account for some resources
- -Only applicable to Apple platform design
- -Large download sizes for UI kits and fonts
- -Some tools are macOS-only
/// SPECS
- Pricing:Free
- Platform:Web / Mac

Lander Studio Blocks
Free Figma UI block library — copy and paste components directly into your designs

Flareum
Design system builder that syncs Figma and code

ImagePrompt.org
AI image prompt tools and generator suite

UXie.io
Free design tool collection for developers

OpenPromptStudio
Visual AI prompt editor by Moonvy

shadcn/ui
shadcn/ui is a unique collection of composable React UI components, offering copy-and-paste code that is highly customizable and seamlessly integrates with Tailwind CSS.

Readymag
Design stunning web publications, portfolios, and landing pages — no coding required

Specify
Design token platform that pushes your design decisions to code — automatically

Zeroheight
Living design system documentation — connect Figma to code with interactive docs

Flowbite Design System
open-source Tailwind CSS component library with Figma kit for rapid UI building.

A2UI
open-source protocol for AI agents to generate secure, declarative UIs across platforms.

Genspark Design
The next-gen AI for design — powered by Claude Opus 4.7

21st.dev
Hand-crafted React components and templates — not AI slop

Brilliant
Professional vector design tool you and your AI agents drive together

DesignMD
Extract any website's design DNA into an AI-ready DESIGN.md

Vessa
Interactive brand guidelines your clients will actually use

Name That UI
The visual dictionary for UI and product designers

OriginKit
Free animated component library for modern websites

Dither Kit
Retro pixel-perfect charts and UI components for your site

Arlan's Vault
A library of web interaction and design style prompts

Photon Studio
A free desktop image editor with layers, retouching, and native PSD support

Compositor
The Photoshop alternative for Mac — free, open source, and always yours