tutorial figma - online chat

Pada tutorial kali ini kita akan mempelajari bagaimana membuat design ui menggunakan figma.

Introduction

Sebelum kita memulai membuat design ui, mari kita kenalan dulu dengan figma.

FIGMA

Figma merupakan tool yang mempermudah pekerjaan UI/UX Designer dalam membuat design, para designer ui juga dapat berkolaborasi dalam pengerjaannya bahkan secara real-time dapat merubah design sehingga secara bersamaan dapat melihat perubahan yang telah dilakukan untuk setiap design yang dibuat.

Figma memiliki banyak fitur yang memudahkan dalam memvisualisasikan design yang akan dibuat, seperti Prototype. Prototype ini memiliki beberapa aksi agar design dapat berinterkasi seperti onTap, onDrag, While Hovering, While Pressing, Key/Gamepad, Mouse Enter, Mouse Leave, Mouse Down, Mouse Up dan After Delay. Masih banyak lagi fitur-fitur yang dapat digunakan untuk memudahkan dalam merancang sebuat design UI/UX yang animatif.

Baiklah mari kita mulai…!

Design yang akan kita buat yaitu seperti berikut :

tutorial figma - online chat

Untuk proses pembuatan design dapat dilihat pada video berikut ini:

Untuk template file figma dan source code flutter dapat di download melalui github ini.

Jika terdapat kendala silahkan berikan komentar pada kolom komentar dibawah.

Terimakasih, semoga bermanfaat.

HAPPY SHARE

Advertisements
Share: