## 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

1. Select an element  
2. Adjust values in Design Panel  
3. See live preview  
4. 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

Ctrl+I

Assistant

Responses are generated using AI and may contain mistakes.