Figma — Tutorial Dasar Figma Pt.1

ivanrakaa
3 min readOct 12, 2021

--

Apa itu figma?

Figma adalah desain digital dan alat prototyping. Ini adalah aplikasi desain UI dan UX yang dapat kamu gunakan untuk membuat situs web, aplikasi, atau komponen antarmuka pengguna yang lebih kecil yang dapat diintegrasikan ke dalam proyek lain. Dengan alat berbasis vektor yang hidup di cloud, Figma memungkinkan para penggunanya untuk bekerja di mana saja dari browser. Cara ini termasuk alat zippy yang dibuat untuk desain, pembuatan prototype, kolaborasi, dan sistem desain organisasi. Pada ulasan kali ini kita akan membahas tools-tools dasar yang ada di figma.

1. Move (V)

Yang pertama ada Move (V), Move ini berfungsi sebagai tools untuk memindahkan objek yang sudah dibuat. Selain memindahkan objek, Move juga berfungsi sebagai tools untuk mengatur ukuran objek yang ada di dalam workspace.

2. Frame (F)

Bagi pengguna aplikasi adobe XD pasti sudah tidak asing dengan yang namanya Frame (F) atau yang biasa disebut Artboard. Tools ini berfungsi untuk membuat lembar kerja baru. Kita bisa mengatur ukurannya sendiri dan juga pada property panel sudah disediakan berbagai ukuran Frame yang kita butuhkan oleh Figma.

3. Shapes

Shapes, pada tools ini kita disediakan berbagai macam gambar/bentuk yang sudah disediakan oleh figma. Sama seperti frame, kita bisa mengatur ukuran shapes yang kita pilih.

4. Pen Tool (P)

Sama seperti illustrator ataupun photoshop, figma juga menambahkan tools Pen (P) didalamnya. Tools ini berfungsi sebagai tools untuk membuat sebuah objek, selain itu kalian bisa menggambar dengan bebas menggunakan tools ini.

5. Text (T)

Sama seperti aplikasi desain lainnya, di figma juga menyediakan tools untuk mengetik. Dengan tools Text (T) pada figma kita bisa mengatur seberapa panjang paragraph yang akan kita buat. Selain itu pada property panel kita bisa mengedit ukuran, jenis, dan warna text.

6. Hand Tool (H)

Berbeda dengan Move, Hand Tools (H) ini berfungsi sebagai tools untuk menggeser Artboard tanpa menyeleksi objek yang sudah kita buat sehingga objek itu tidak akan tergeser.

7. Add Comment (C)

Yang terakhir ada Add Comment (C), di figma ini kita dapat mengerjakan project dengan tim dengan cara mengundang user figma lain kedalam artboard yang sudah kamu buat. Tools ini sangat membantu untuk memberikan komentar atau reminder kepada sesama user yang mengakses file figma kamu.

--

--