create_autolayout_frame
Create Auto-Layout containers with flex direction, padding, gap, alignment, hug/fill/fixed sizing, squircle corners, and shadows or glass effects to keep UI elements organized and prevent overlap.
Instructions
Buat kontainer Auto-Layout (Figma-grade Flexbox) dengan arah vertikal/horizontal, padding, gap, alignment, sizing (hug/fill/fixed), corner smoothing (squircle), dan dropShadow/glassmorphism sehingga elemen tidak berantakan atau bertumpuk.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| x | No | Posisi X (hanya untuk artboard root) | |
| y | No | Posisi Y (hanya untuk artboard root) | |
| gap | No | Jarak antar elemen anak dalam pixel | |
| name | Yes | Nama kontainer frame (contoh: Navbar, Hero Stack, Card Grid) | |
| width | No | Lebar frame jika sizingH fixed | |
| height | No | Tinggi frame jika sizingV fixed | |
| parent | No | ID parent frame (default: halaman aktif) | |
| bgColor | No | Warna latar solid hex (contoh: #131B2CD9) | |
| effects | No | Daftar efek visual seperti dropShadow, layerBlur, backgroundBlur | |
| padding | No | Padding pixel: angka atau [T, R, B, L] | |
| sizingH | No | Perilaku ukuran horizontal | fill |
| sizingV | No | Perilaku ukuran vertikal | hug |
| crossGap | No | Jarak antar baris jika wrapping aktif | |
| direction | No | Arah Auto-Layout | vertical |
| mainAlign | No | Alignment sumbu utama (flex-direction) | min |
| crossAlign | No | Alignment sumbu silang (cross-axis) | min |
| borderColor | No | Warna border hex (contoh: #25334D) | |
| borderWidth | No | Ketebalan border pixel | |
| cornerRadius | No | Radius sudut kelengkungan (border-radius) | |
| cornerSmoothing | No | Kehalusan sudut squircle (0-1, default: 0.6) |