Header Ads

04 Desain Website dengan Figma

CARA MUDAH DESAIN WEBSITE DENGAN FIGMA

Website menjadi salah satu platform branding usaha di era teknologi ini. Dengan memiliki website, bisnis Anda akan dinilai profesional sehingga lebih menarik minat konsumen. Oleh karena itu tampilan website harus didesain eye catching dan user friendly agar konsumen betah menelusuri informasi di website Anda. Di era teknologi sekarang ini, fasilitas desain website sudah sangat beragam. Terdapat banyak platform yang menyediakan wadah untuk mendesain tampilan website Anda, yang tentunya masing-masing memiliki kelebihan. Salah satu platform tersebut adalah Figma. Figma memberikan cara mudah desain website dengan berbagai tools yang tersedia. Pada artikel ini akan dibahas secara tuntas desain website menggunakan Figma.

Kenalan dengan Figma

Sebelum belajar desain website di Figma, tentu saja Anda harus tahu apa itu Figma. Figma merupakan platform desain UI/UX berbasis website dan aplikasi. Figma menyediakan berbagai tools untuk kebutuhan desain dan prototyping UI/UX. Anda dapat mengakses Figma pada link berikut www.figma.com.

Apa Saja Kelebihan Figma?

Berbasis Website dan Aplikasi

Figma merupakan platform desain web based dan aplikasi based, sehingga versi web dapat digunakan tanpa perlu melakukan instalasi pada hardware Anda.

Fitur Kolaborasi

Fitur Kolaborasi memungkinkan Anda untuk dapat membuat desain bersama-sama secara real time dengan rekan Anda atau desainer lain. Fitur ini akan memudahkan Anda atau tim desain untuk bekerja sama dengan sangat mudah.

Dapat Membuat Prototype

Selain sebagai website editing, dalam Figma juga dapat melakukan prototyping. Desain yang sudah dibuat dapat dijalankan seperti layaknya website atau aplikasi nyata.

Fitur Figma Mirror

Fitur ini Figma Mirror ini memungkinkan untuk melihat hasil desain desktop melalui berbagai perangkat Android. Semua perubahan pada desain akan ditampilkan secara real time kepada viewers.

Berbasis Cloud

Figma merupakan website editing berbasis cloud sehingga tidak membutuhkan penyimpanan konvensional. Hal ini tentu memudahkan akses kapanpun dan dimanapun.

 

Tutorial Desain Website di Figma

1.     Sign Up dan Login

Sebelum mulai membuat desain, hal pertama yang harus Anda lakukan adalah melakukan registrasi dan login. Seperti biasa, registrasi dilakukan dengan mengisikan alamat email dan password.

2.     Mendesain Lebih Cepat dengan kit UI

Gunakan kit UI dari Apple, Google, atau Figma untuk memulai desain Anda, lalu buat desain milik Anda Sendiri 

3.     Atau, mulai dengan bingkai

Klik dan seret tempat kosong pada kanvas untuk menggambar bingkai, Bingkai adalah wadah untuk desain Anda yang juga dapat digunakan untuk menggambar elemen UI

4.     Ubah Properti di panel desain

Berikutnya luangkan waktu untuk menyesuaikan ukuran bingkai, radius sudut, isi, apapun yang Anda suka


5.     Tambahkan Lapisan Teks dengan bilah alat anda

Klik bingkai Anda, dan mulailah mengetik untuk membuat lapisan teks


6.     Ubah Format di Panel Desain

Gunakan bagian Tipografi dan Isi untuk mengubah Font, Ukuran, Ketebalan, Warna Teks, dan lainnya


7.     Kit UI selalu ada untuk Anda

Jika Anda ingin menghemat waktu atau merasa buntu, tambahkan UI yang telah dibuat kapan pun Anda mau


8.     Untuk melihat Hasil

Klik Preset atau Preview di pojok atas sebelah kanan

                                

Jika Pilih Preset – Akan muncul Tab baru yang berisi desain web yang sudah dibuat


Jika Pilih Preview – Akan muncul jendela Pop-Up yang berisi desain yang sudah dibuat


DAFTAR PUSTAKA

·        https://arkatama.id/cara-mudah-desain-website-dengan-figma/

·        https://www.figma.com/

 

 

 Selamat Belajar dan Berbagi

Copyright @ Mr. 2duh

 

 

 

 

 

Tidak ada komentar

Gambar tema oleh enot-poloskun. Diberdayakan oleh Blogger.