Selection Inspector

How to use GridSmith (Quick Start)

Once items are added, click on any item on the page and it will load the controls for that item here in the Inspector. Hitting the Delete key will automatically delete any item on the page.

• Add items: Click an item from the ADD ITEMS section in the left-hand sidebar to add it to the page.
• Select multiple items: Click and drag on empty space to draw a selection box. Hold Shift while clicking items to add or remove them from the selection.
• Move items as a group: With multiple items selected, drag any selected item or use the arrow keys to move the entire group.
• Align and distribute items: When two or more items are selected, alignment and distribution controls appear in the Inspector:
  • Align Items aligns objects to each other (left, right, top, bottom, or centered).
  • Distribute Evenly spaces items evenly horizontally or vertically.
• Edit items: Click any item on the page to load its controls here in the Selection Inspector (here in the right column).
• Delete items: Select an item and press Delete.
• Duplicate items: Select an item and press ⌘/Ctrl+D (duplicates with a small offset). Or hold ⌘/Ctrl+Shift while dragging an item to duplicate while placing.
• Save your layout: Use Save JSON to download a layout file you can reload later.
• Reload a layout: Use Open JSON to open a saved layout design file.
• Apply colors fast: Drag a swatch, from the Palette Bar, onto any color field (Text, Fill, Border, Background, etc.). The Palette Bar is able to import any swatch palette you want. Custom color palettes can be created using Palette Grabber Pro .
• Quick Colors: Mix your own custom colors, then use the grab-dotor drag/drop to apply those colors to different objects or text items or save them to a topbar Quick Color slot.
• See the whole page in the window: Use Fit to Screen to center and frame the page in your workspace.
• Undo has a key command: ⌘/Ctrl+Z
  You can perform multiple undos.
• Redo has a key command: ⇧+⌘/Ctrl+Z
• For photos, set Fit Mode to Fill Frame to use the Image Position feature. – Works with Fill Frame mode sliders; other modes ignore those position controls.
• Zoom Slider: When using the zoom slider, you can use your arrow keys up/down left/right for more precise control.
• Scroll Color PaletteUse the Shift key ⇧ and the wheel on your mouse.
• Move items faster Hold Shift while pressing ↑/↓ in X, Y, W, H fields to jump by 100 pixels.