Azyrom includes various panels for different tasks and workflows. Panels are organized into tiers and can be customized to match your workflow.
Primary Panels
Always visible and essential for design work:
- Layers - Element hierarchy and organization
- Properties - Element styling and configuration
- Design - Design-specific tools and options
Secondary Panels
Available from the sidebar panels menu for specialized tasks:
- AI Assistant - AI-powered design help and generation
- Collaboration - Real-time collaboration features
- Analytics - Component usage and design metrics
- Info View - Contextual help and documentation
Contextual Panels
Appear automatically based on selection or mode:
- Text - Typography controls (when text selected)
- Image - Image options (when image selected)
- Component - Component overrides (when instance selected)
- Prototype - Interaction settings (in prototype mode)
Developer Panels
Advanced panels for development workflows:
- Code Preview - View generated code
- Dev Panel - Developer handoff with inspection and code generation
- Extensions - Plugins and integrations
- Variables - Design tokens and variables
- Console - Debug output and logs
Design System Panels
Manage design systems and reusable assets:
- Components - Browse, manage, and use reusable components
- Styles - Text, color, effect, and grid styles
- Library - Access linked libraries and shared assets
- Design System - Comprehensive design system management
- Grid Panel - Configure layout grids for alignment
Managing Panels
Show/Hide Panels
- Right-click sidebar for quick access
- Use keyboard shortcuts (when available)
- Click panel icons in the sidebar
Panel Arrangement
- Drag panel tabs to reorder
- Collapse/expand with panel header click
- Panels remember their state
Related Topics
- Workspace Presets - Pre-configured panel layouts
- Panel Tiers - Understanding panel organization