flower

🌿 Membuat Layout Responsif Sederhana di Flutter Menggunakan Column, Row, Flexible, dan LayoutBuilder  ✨ Pendahuluan Dalam pengembangan aplikasi Flutter, **layout responsif** sangat penting agar aplikasi dapat menyesuaikan diri dengan berbagai ukuran layar, mulai dari smartphone hingga tablet atau desktop. Salah satu cara terbaik untuk membuat tampilan yang fleksibel adalah dengan menggunakan widget seperti `Column`, `Row`, `Flexible`, dan `LayoutBuilder`. Pada artikel ini, kita akan mempraktikkan cara membuat layout responsif sederhana yang cocok untuk pembelajaran siswa. Kita akan membuat tampilan dengan nuansa **hijau soft**, dilengkapi dengan **emoji dan elemen visual menarik** untuk meningkatkan estetika dan kenyamanan pengguna. ---  📦 Struktur Proyek Berikut adalah struktur utama dalam aplikasi ini: * **`MaterialApp`**: Root aplikasi. * **`Scaffold`**: Struktur dasar layout (AppBar + Body). * **`LayoutBuilder`**: Untuk menentukan layout berdasarkan lebar layar. * **`Col...

Figma adalah salah satu tools desain paling populer saat ini, terutama di kalangan UI/UX designer. Karena berbasis web, kamu bisa mengaksesnya dari mana saja tanpa perlu install aplikasi berat. Selain itu, fitur kolaborasinya juga memudahkan tim untuk bekerja bersama secara real-time. Kalau kamu baru mulai belajar Figma, blog ini cocok banget buat kamu. Kita akan bahas langkah-langkah dasar membuat desain di Figma, mulai dari bikin akun sampai export hasil desain kamu. ✍️ 1. Membuat Akun Figma Langkah pertama tentu saja membuat akun di figma.com . Buka website Figma. Klik "Sign Up" . Isi email, nama, dan password kamu. Kamu bisa langsung mulai dengan versi gratisnya, yang sudah cukup untuk kebutuhan dasar desain. 🧱 2. Mengenal Antarmuka Figma Setelah login, kamu akan melihat dashboard utama. Di sini kamu bisa: Membuat file baru (design file). Mengatur proyek dalam team . Mengakses template atau file dari komunitas Figma. Saat kamu membuka f...