Configuration

UI Customization

ProtoFlow's interface is fully customizable with a flexible docking system, resizable panels, floating windows, and persistent layout saving. Arrange your workspace exactly the way you work.

# Docking System

The docking system allows you to arrange panels in any configuration by dragging them to different zones.

Docking Zones

Left

Component Library, Project Explorer

Right

AI Copilot, Property Editor

Top

Toolbar, tab bar

Bottom

Console, status panels

How to Dock Panels

  1. Click and hold the panel's title bar or tab
  2. Drag it toward one of the four edges (left, right, top, bottom)
  3. A highlight overlay shows where the panel will dock
  4. Release to dock the panel in that zone

Floating Panels

Drag a panel away from all edges to make it float as an independent window. Floating panels can be positioned anywhere on screen and are useful for multi-monitor setups.

[ Screenshot ]

Panel being dragged with docking zone highlights visible

# Panel Management

ProtoFlow includes multiple panels that can be shown, hidden, resized, and rearranged.

Available Panels

PanelPurpose
Project ExplorerBrowse and manage open schematics and project files
AI CopilotChat interface for AI-assisted schematic design
Component LibraryBrowse local and LCSC components for placement
HierarchyView component and net lists with search
Property EditorEdit properties of the currently selected element
GitFull version control with staging, commits, and diffs
BOMBill of Materials viewer with pricing
DatasheetBuilt-in PDF viewer for component datasheets
CommentsView and manage schematic comments

Activity Bar

The activity bar on the left edge provides quick access to all panels. Click an icon to toggle a panel open or closed. The activity bar shows indicators for panels with updates (e.g., new comments, DRC errors).

Panel Features

  • Resizable — Drag panel borders (splitters) to resize
  • Collapsible — Double-click a splitter to collapse a panel
  • Tabbed — Multiple panels can share a zone as tabs
  • Tab reordering — Drag tabs to change their order within a zone
  • Persistent layout — Your panel arrangement is saved and restored on next launch
[ Screenshot ]

Activity bar with panel icons and a customized multi-panel layout

# Themes

Switch between visual themes to match your preference and environment. See Settings → Theme for the full list of available themes.

Quick Theme Switch

Click the theme button in the toolbar to cycle through available themes. The change takes effect immediately.

[ Screenshot ]

Side-by-side comparison of Light and Dark themes

Next Steps