Interface Overview
Understanding the Zed workspace, panels, and UI components
The Zed Interface Philosophy
Zed's interface was designed around a few core principles:
- Minimalism: Reduce visual noise to focus on your code
- Performance: GPU-accelerated rendering for smooth experiences
- Keyboard-driven: Efficient workflows without leaving the keyboard
- Discoverability: Features are accessible through the Command Palette and searchable settings
- Agentic when you need it: AI panels stay available without forcing a cluttered default layout
The result is a clean workspace that stays out of your way while providing powerful features when needed.
Workspace Overview
The Zed workspace consists of several key components:
-
Project Panel
Usually on the left, the Project Panel shows your project's file tree. Toggle it with the shortcuts below.
Action macOS Linux/Windows Toggle Project Panel ⌘ShiftE CtrlShiftE Project Panel -
Editor Area
The central area where you edit code. Zed supports multiple panes arranged in splits so you can view files side by side.
Split and pane commands can vary by keybinding set. Prefer the Command Palette (⌘ShiftP / CtrlShiftP and search for
pane: splitwhen you need a reliable cross-platform action. -
Command Palette
The Command Palette is the primary way to discover and run Zed features beyond basic editing. Use quick open for files and the palette for commands.
Action macOS Linux/Windows Quick open file ⌘P CtrlP Command Palette ⌘ShiftP CtrlShiftP Command Palette -
Status Bar
At the bottom of the window, the Status Bar shows language, cursor position, Git branch, diagnostics, collaboration status, and quick entry points to related panels.
-
Terminal Panel
Toggle the integrated terminal without leaving Zed:
Action macOS Linux/Windows Toggle terminal Ctrl` Ctrl` Terminal Panel
Agent Panel and Agentic Layout
Zed's AI surface is centered on the Agent Panel, where you run longer coding tasks, review tool use, and continue conversations over time.
| Action | macOS | Linux/Windows |
|---|---|---|
| Toggle Agent Panel | ⌘ShiftA | CtrlShiftA |
Threads Sidebar
The Threads Sidebar keeps prior agent conversations organized so you can resume work, compare approaches, or switch between task threads without losing context.
Panel Layout: Agentic vs Classic
- Agentic layout: Emphasizes the Agent Panel and related AI UI alongside your editor — useful for agent-driven changes
- Classic layout: Feels closer to a traditional IDE: project panel, editor, terminal, and collaboration panels front and center
You can switch panel focus with the keyboard as you work. If a layout command is hard to find,
open the Command Palette and search for workspace or panel.
Navigation Components
Project Panel
The Project Panel helps you navigate files and folders:
- Expanding/Collapsing: Click folders or use arrow keys
- Opening Files: Click a file to open it in the editor
- Context Menu: Right-click for create, rename, delete, and related actions
- File Operations: Create, rename, or delete files and folders
Prefer keyboard navigation? Use quick open instead of browsing the tree: ⌘P (macOS) / CtrlP (Linux/Windows).
Outline Panel
The Outline Panel shows symbols in the current file (functions, classes, methods) for quick jumps.
| Action | macOS | Linux/Windows |
|---|---|---|
| Toggle Outline Panel | ⌘ShiftB | CtrlShiftB |
Git Panel
Open the Git Panel from the status bar (branch / Git indicator) to review changes, stage files, and run common Git actions without leaving the editor. See the Git Integration tutorial for details.
Collaboration Panel
Manage channels, contacts, and shared projects from the Collaboration Panel:
| Action | macOS | Linux/Windows |
|---|---|---|
| Toggle Collaboration Panel | ⌘ShiftC | CtrlShiftC |
Tabs and Editor Groups
Zed organizes open files in tabs within editor groups:
- Tabs: Each open file appears as a tab at the top of an editor group
- Editor Groups: Split panes that can contain their own set of tabs
- Tab Navigation: Cycle tabs with the shortcuts below
| Action | macOS | Linux/Windows |
|---|---|---|
| Previous tab | ⌘Shift[ | CtrlShift[ |
| Next tab | ⌘Shift] | CtrlShift] |
Command Bar and Palette
The Command Palette family is one of Zed's most powerful interface elements:
File Search
Open the fuzzy file finder:
| Action | macOS | Linux/Windows |
|---|---|---|
| Quick open | ⌘P | CtrlP |
- Type part of a filename to find it quickly
- Use arrow keys to navigate results
- Press Enter to open the selected file
Command Palette
Open the Command Palette to access commands and see their shortcuts:
| Action | macOS | Linux/Windows |
|---|---|---|
| Command Palette | ⌘ShiftP | CtrlShiftP |
Symbol Search
Jump to symbols in the current file:
| Action | macOS | Linux/Windows |
|---|---|---|
| Go to symbol in file | ⌘ShiftO | CtrlShiftO |
- Quickly jump to functions, classes, and methods
- See symbol hierarchy and structure
Status Bar Information
The Status Bar provides contextual information about your current state:
- File Information: File type and encoding
- Position: Current line and column numbers
- Git Status: Current branch and change indicators — click to open the Git Panel
- Collaboration: Connected collaborators and channel status
- Language Server: Diagnostics and language server health
Click status bar items for related actions. The Git branch indicator is a convenient entry point for the Git Panel and common repository commands.
Notifications and Dialogs
Zed uses several types of notifications to communicate with you:
Toast Notifications
Brief messages that appear in the corner of the screen to provide temporary feedback.
Dialogs
Modal windows that require your attention or input before continuing.
Status Messages
Persistent messages that appear in the status bar for ongoing processes.
View Management
Customize your workspace view in several ways:
Splits and Panes
Create multiple editor panes to view different files side by side. Because default split bindings can differ across platforms and keymaps, use the Command Palette:
- Open the Command Palette
- Search for
pane: split right,pane: split down, or related split commands - Select the command to create the split
After splitting, move focus between panes with the Command Palette
(workspace: activate pane commands, or any shortcuts shown beside those commands on your machine.
Zen Mode
Enter distraction-free editing with Zen Mode:
- Open the Command Palette and search for
Zen Mode - Hides UI chrome for focused editing
- Toggle panels as needed without fully abandoning the focused layout
Theme and Appearance
Zed includes built-in themes and appearance options, with more available via Extensions.
Changing Themes
Use the theme picker chord:
| Action | macOS | Linux/Windows |
|---|---|---|
| Theme selector | ⌘K then ⌘T | CtrlK then CtrlT |
You can also open the Command Palette and search for theme.
UI Scaling
Adjust UI and buffer fonts in Settings:
| Action | macOS | Linux/Windows |
|---|---|---|
| Open Settings | ⌘, | Ctrl, |
| Increase font size | ⌘+ | Ctrl+ |
| Decrease font size | ⌘- | Ctrl- |
Look for UI Font Size and Buffer Font Size in the searchable Settings Editor.
Settings Editor and settings.json
Zed's Settings Editor is a searchable UI over the same JSON configuration the editor reads on disk. Use the UI for discovery, then drop into JSON when you want precise control.
- macOS / Linux user settings:
~/.config/zed/settings.json - Windows user settings:
%APPDATA%\Zed\settings.json - Project settings:
.zed/settings.jsonin the project root
Project settings override user settings for that workspace — useful for shared tab size, formatters, and language-specific defaults on a team.
What's Next?
Now that you're familiar with Zed's interface, continue to Editing Basics to learn selection, multi-cursor editing, AI-assisted edits, and formatting workflows.