BISA AI - AI For Everyone
figma

Risqa Ciety Windari

Sosial Media


0 orang menyukai ini
Suka

Summary

Figma adalah alat desain antarmuka (UI/UX) berbasis web yang digunakan untuk:

Mendesain aplikasi atau situs web

Membuat prototipe interaktif (tanpa coding)

Kolaborasi real-time antar desainer, developer, dan tim produk

đź’ˇ Kenapa Figma Populer?

Berbasis Web – Tidak perlu instalasi. Bisa langsung digunakan di browser.

Kolaboratif – Seperti Google Docs, banyak orang bisa kerja bareng dalam satu file.

Gratis (untuk penggunaan dasar) – Cocok untuk pelajar, freelancer, atau tim kecil.

Integrasi Developer – Developer bisa lihat ukuran, warna, font, dan export aset langsung.

🧩 Fungsi Utama Figma

Designing: Bikin layout, wireframe, dan tampilan visual (dengan tools seperti frame, shape, text, auto layout).

Prototyping: Menghubungkan antar layar untuk buat simulasi aplikasi (tanpa coding).

Commenting: Memberi komentar langsung di desain (sangat berguna saat review).

Developer Handoff: Developer bisa akses detail teknis langsung dari desain.

đź“Ś Contoh Penggunaan Figma

Mendesain tampilan aplikasi mobile atau website

Membuat wireframe untuk presentasi ide

Prototyping sebelum aplikasi dibangun

Kolaborasi antara desainer dan klien/developer

🚀 Tools Serupa Figma

Adobe XD

Sketch (khusus Mac)

InVision

Kalau kamu mau, aku bisa bantu bikin latihan desain pertama di Figma, kasih template UI, atau tunjukin cara buat prototipe interaktif. Mau dibantu buat project pertamamu di Figma?

 

 

 

 

Description

1. Ada 2 Cara Akses Figma di Mobile

âś… A. Aplikasi Resmi Figma di Android/iOS

Nama aplikasinya: Figma – View and Mirror

Bisa didownload dari Play Store atau App Store

Fungsinya: melihat desain yang dibuat di desktop, bukan untuk membuat atau edit

Cocok untuk:

Melihat hasil desain saat presentasi ke klien/tim

Preview hasil desain mobile secara real-time

âś… B. Buka Figma lewat Browser HP

Kunjungi: https://figma.com

Login akun seperti biasa

Catatan: UI-nya tidak responsif untuk HP, tapi kamu bisa mengedit desain dengan sedikit kesulitan (tidak direkomendasikan untuk desain full di HP)

🛠️ 2. Apa yang Bisa Dilakukan di Figma Mobile App?

Melihat semua project dan file

Melihat prototipe (interaktif)

Memberi komentar

Mirror desain dari desktop ke HP untuk lihat tampilan asli

đź”— 3. Cara Mirror Desain ke HP (Live Preview)

Buka Figma desktop (web/app)

Buka desain yang ingin dicek

Di HP, buka aplikasi Figma – Mirror dan login

Pilih file yang sama, maka akan tampil preview langsung di layar HP

⚠️ Catatan Penting

Figma mobile tidak dirancang untuk membuat desain dari nol

Untuk desain UI/UX, tetap lebih baik pakai laptop/PC

Di HP, Figma lebih ideal untuk melihat, mengecek, dan memberi komentar

🔄 Alternatif Jika Mau Desain di HP

Kalau kamu benar-benar ingin desain langsung dari HP, kamu bisa coba:

Canva (lebih fleksibel di mobile)

Adobe Express

Penpot (di browser, mirip Figma, open source)

đź”— Contoh Frame Desain Mobile yang Bisa Kamu Coba

Di desktop, kamu bisa pakai shortcut:

 

Frame Tool (F) → Phone → iPhone 13 / Pixel 6 

Atau buat frame custom ukuran:

 

390 x 844 px

Desain bebas: bisa UI login, halaman profil, landing page, dll.

Kalau kamu mau, aku juga bisa kirimkan contoh file desain mobile (.fig) yang kamu bisa import ke akun Figma-mu, lalu preview langsung di HP.

Informasi Course Terkait
  Kategori: Algoritma dan Pemrograman
  Course: Basic Cybersecurity 10-12