Select an element to open the Design Panel. Press D to toggle.
Sections
| Section | Properties |
|---|
| Position | X, Y, rotation, scale |
| Auto Layout | Flex direction, gap, padding |
| Typography | Font, size, weight, line height |
| Fill | Background color, gradients |
| Stroke | Border width, style, color |
| Effects | Shadows, filters |
Usage
- Select an element
- Adjust values in Design Panel
- See live preview
- Click Apply to save
Changes are implemented using your project’s existing patterns (CSS, Tailwind, etc.).
Available Controls
Position
Typography
Colors
- X/Y offset
- Rotation (degrees)
- Scale
- Alignment shortcuts
- Font family
- Size, weight
- Line height
- Letter spacing
- Text align
- Solid fill
- Gradients
- Border color
- Opacity
