Getting Started
Feedback & Roadmap
Fundamentals
Accessibility
Color Palette
Iconography
Interactions
Typography
UX Essentials
Patterns
Contextual Help Wip
Empty States
Errors and Messaging
Inheritance
Layouts Wip
Menus  Wip
Overlays
Overrides  Wip
Windows
Components
Button
Breadcrumbs  Wip
Color Field
Dropdown
Foldout
Help Box
Label
List View
Multi-column Views NEW
Numeric Field
Object Field
Progress Bar
Progress Bar Wip
Radio Button
Scroll View
Search Field
Slider
Text Field
Toggle
Toolbar
Tooltip
Tree View
Resources
Copy Style Guide ↗
Figma Toolkit  ↗
Unity Docs ↗
Getting Started
Feedback & Roadmap
Fundamentals
Accessibility
Color Palette
Iconography
Interactions
Typography
UX Essentials
Patterns
Empty States
Errors and Messaging
Inheritance
Overlays
Windows
Components
Button
Breadcrumbs  Wip
Color Field
Dropdown
Foldout
Help Box
Label
List View
Multi-column Views
Numeric Field
Object Field
Progress Bar
Progress Bar Wip
Radio Button
Scroll View
Search Field
Slider
Text Field
Toggle
Toolbar
Tooltip
Tree View
Resources
Copy Style Guide ↗
Figma Toolkit  ↗
Unity Docs ↗

Unity Editor Foundations

Official guidance for building intuitive and
engaging experiences for the Unity Editor©.

Getting Started

Editor Foundations is the official design system for all who build experiences for the Unity Editor©.

Let's get you started ->

Roadmap

See what is next on our radar, contribute, and request topics to be covered by the Foundations team.

View the roadmap ->

Connect with us

We encourage everyone to reach out for any questions regarding styling, control libraries, accessibility, UX best practices or report emerging API's or usage patterns from your team to be included.
‍
Connect with the team ->

Icon in the shape of the Figma logo indicating Figma content

Figma Community ->

Unity's Figma Community profile lists available resources such as UI Toolkits and Icon libraries.

Accessibility

Robust accessibility practices improve the usability of the Editor.

Color Palette

Color system to assist our users creating consistent experiences across the Editor.

Iconography

Icons are visual representations that symbolize commands, devices, directories, or common actions.

Interactions

Guidance on control state indicators and interaction methods found in the Unity Editor.

Empty States

Empty states are placeholder states when there is nothing to display in a window.

Errors and Messaging

Errors and other types of alerts are used to communicate conditions, indicate an event, or show responses.

Inheritance

Inheritance describes when objects inherit or override values from child or parent objects.

Framework

Overlays

Overlays are persistent and customizable panels and toolbars that are available in the Editor scene view.

Button

A button communicates an available action in the interface and initiates the action indicated.

UIT

IMGUI

Color Field

A color field allows the user to select a color and an associated alpha value to define the color’s transparency.

UIT

IMGUI

Dropdown

A dropdown is a clickable menu element that displays multiple related action options or settings.

UIT

IMGUI

Foldout

Foldouts are collapsible sections of a user interface that hides or reveals the elements it contains.

UIT

IMGUI

Copy Style Guide

Guide to writing style and terminology for all technical references.‍

docs-style-guide.unity.com

Arrow icon indicating link goes to an external source

Icon Library [WIP]

[Work in progress]

figma.com/@unity3d

Arrow icon indicating link goes to an external source

Unity Docs

Editor Documentation, including scripting references.

docs.unity3d.com

Arrow icon indicating link goes to an external source

Figma Community profile

Unity's Figma Community profile lists available resources.

figma.com/@unity3d

Arrow icon indicating link goes to an external source
Copyright © 2023 Unity Technologies
LegalPrivacy PolicyCookiesDo Not Sell or Share My Personal Information
Your Privacy Choices (Cookie Settings)
"Unity", Unity logos, and other Unity trademarks are trademarks or registered trademarks of Unity Technologies or its affiliates in the U.S. and elsewhere (more info here). Other names or brands are trademarks of their respective owners.