Skip to main content

Workspace

The workspace is organized into panels that work together to provide a complete design experience.

ff-designer.avif

  • Frames Panel: Displays all screens of the app and allows quick navigation between them.
  • Components Panel: Create reusable UI elements.
  • Theme Panel: Make global theme customization.
  • Layers Panel: Shows the hierarchical structure of widgets within the selected screen.
  • Canvas Area: Visual preview of all screens in storyboard layout.
  • Undo/Redo Controls: Quickly revert or reapply recent design changes.
  • Light/Dark Mode Toggle: Switch between light and dark preview modes to instantly see how your design adapts across themes.
  • Zoom Controls: Adjust zoom level for better overview or detailed editing.
  • Share Button: Share the current design or collaborate with others.
  • Properties Panel: Edit properties of the selected widget such as layout, content, and styling.
  • Prompt Bar: Use AI commands to describe changes and modify the selected screen or widget.