Unity Editor Foundations

Guidance for building intuitive and engaging experiences for the Unity Editor.

LTS release 2021.3

Getting started

Editor Foundations is the official design system for all who build experiences for the Unity Editor^©. Here you will find essential information, guidance and resources to get started.
Get started ->

October 2022

Latest articles, guidelines and features we have shipped.

View roadmap ->

Windows

Windows contain the content and functionality that let the user interact with the Editor.

UX Essentials

A collection of guidelines to help ensure your functionality matches the look, feel and behavior of the Editor.

Interactions

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

Figma UI Toolkit

Get started in Figma with Editor Foundations UI Toolkit

Design Principles

Fundamental elements, styles and principles for designing engaging experiences in the Unity Editor.

View all ->

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.

Common design solutions

Best practices and components in action, functioning together to serve as distinct patterns addressing common user experiences.

View all ->

Empty States

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

UIT

IMGUI

Errors and Messaging

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

UIT

IMGUI

Overlays

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

UIT

Windows

Windows contain the content and functionality that let the user interact with the Editor.

UIT

IMGUI

Control Elements

Components are the building blocks of our interface, created to work together to create intuitive user experiences.

View all ->

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

Create with Ease

Collection of kits, tools, libraries and documentation to guide users through creating for the Unity Editor.

View all ->

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 on Figma

[Work in progress] Editor icon library will be published soon.

figma.com/@unity3d

Unity Docs

Editor Documentation, including scripting references.

docs.unity3d.com

Figma UI Toolkit

Get started in Figma with Editor Foundations UI Toolkit

figma.com/@unity3d

feedback

Contact

You can contact us with topic requests, file bugs on the platform, or report inaccurate content.
‍
Feedback form ->

Roadmap

View upcoming content

You can see what is next on our roadmap, contribute to its development, and request topics to be covered by the Editor Foundations team.
‍
Content roadmap ->

Thank you for your feedback! We triage feedback items regularly, and we'll get back to you if we need any clarification.

You will be contacted with updates once your item has been triaged and/or resolved.

Oops! Something went wrong while submitting the form.

Unity Editor Foundations

Guidance for building intuitive and engaging experiences for the Unity Editor.

Getting started

October 2022

What's new

Latest articles, guidelines and features we have shipped.

Windows

UX Essentials

Interactions

Figma UI Toolkit

Design Principles

Fundamentals

Fundamental elements, styles and principles for designing engaging experiences in the Unity Editor.

Accessibility

Color Palette

Iconography

Interactions

Common design solutions

Patterns

Best practices and components in action, functioning together to serve as distinct patterns addressing common user experiences.

Empty States

Errors and Messaging

Overlays

Windows

Control Elements

Components

Components are the building blocks of our interface, created to work together to create intuitive user experiences.

Button

Color Field

Dropdown

Foldout

Create with Ease

Resources

Collection of kits, tools, libraries and documentation to guide users through creating for the Unity Editor.

Copy Style Guide

Icon Library on Figma

Unity Docs

Figma UI Toolkit

Contact

View upcoming content

Unity Editor Foundations

Guidance for building intuitive and engaging experiences for the Unity Editor.

Getting started

October 2022

What's new

Latest articles, guidelines and features we have shipped.

Windows

UX Essentials

Interactions

Figma UI Toolkit

Design Principles

Fundamentals

Fundamental elements, styles and principles for designing engaging experiences in the Unity Editor.

Accessibility

Color Palette

Iconography

Interactions

Common design solutions

Patterns

Best practices and components in action, functioning together to serve as distinct patterns addressing common user experiences.

Empty States

Errors and Messaging

Overlays

Windows

Control Elements

Components

Components are the building blocks of our interface, created to work together to create intuitive user experiences.

Button

Color Field

Dropdown

Foldout

Create with Ease

Resources

Collection of kits, tools, libraries and documentation to guide users through creating for the Unity Editor.

Copy Style Guide

Icon Library on Figma

Unity Docs

Figma UI Toolkit

Contact

View upcoming content

Give us feedback