Inspector panel

What is the Inspector panel?

The Inspector panel is the main editing panel in FoxStudio. When you click on any element on your canvas, the Inspector panel opens on the right side and shows every setting available for that element — from layout and spacing to animations.

Everything you do to customize an element happens here.

What's inside

The Inspector panel has 3 tabs:

Tab	What it controls	When you use it
General	Content, visibility, container, custom attributes, and element-specific settings (e.g. managing collections, configuring form fields)	First — set up what the element does and what content it shows
Design	Size, spacing, constraints, backgrounds, borders, typography, shadows, custom code	After General — make it look right
Animations	Entrance, hover, and click animations	Last — add motion after layout and design are done

General settings vary by element type: The settings you see in the General tab depend on which element/ section is selected. A Text element shows font and content settings; a Collection Showcase shows collection management. Don't expect every element to have the same options.

Animations

Full guide to entrance, hover, and click effects

Layers

Navigate and manage element hierarchy on your page

Animations

Page layers

Last updated 12 days ago

#What is the Inspector panel?

#What's inside

#Related resources

ON THIS PAGE

What is the Inspector panel?

What's inside

Related resources