PART 5 FIGMA || Penggunaan Prototype Pada Figma

 Prototype

            Prototype merupakan salah satu fitur yang disediakan oleh figma, fitur ini sangat bermanfaat dan fitur yang sering bahkan wajib digunakan oleh desainer mobile, website dan lain lain. Apa itu Prototype? Prototype merupakan sesuatu yang menghubungkan bagaimana pengguna dapat dengan desain yang dibuat atau User Experience (UX). Dalam  kesempatan kali ini saya akan menjelaskan cara menggunakan prototype menurut saya dan dengan materi yang sebelumnya saya pelajari.


Langkah-langkah Penggunaan

  1. Siapkan Desain Yang Sebelumnya Sudah Dibuat

    • Buka aplikasi atau website figma dan buka projek desain yang sebelumnya kalian sudah buat
    • Usahakan didalam desain tersebut ada button yang ingin di hubungkan ke tampilan lain


  2. Siapkan Button Atau Elemen Lain

    • Pilih button atau elemen mana yang jika di klik oleh pengguna mengarah ke tampilan lain.
    • Jika belum ada buatlah dengan menambahkan button


  3. Tambahkan Prototype

    • Klik elemen yang akan kalian tambahkan
    • Klik icon + disekitar elemen yang akan di tambahkan


  4. Drag Ke Tampilan Lain

    • Pada icon + kalian drag ke tampilan lain yang sudah di siapkan.


  5. Atur Style Perpindahan Tampilan

    • Pada option Interaction ada beberapa opsi yang dapat kita ubah sesuai konsep yang kita inginkan 


            Dengan dibuatnya postingan ini saya harap kalian semua yang membaca dapat paham untuk "Cara Menggunakan Prototype". Untuk kesalahan tulisan atau kata yang disajikan mohon agar hal tersebut diwajarkan.


Komentar

Posting Komentar

Postingan populer dari blog ini

PART 2 FIGMA || Cara Menggunakan Plugin

Gambar
  Apa Itu Plugin?           Menurut saya, Plugin merupakan fitur yang dimiliki oleh figma yang termasuk fitur yang sangat membantu di aplikasi figma itu sendiri. Dengan menggunakan plugin di dalam figma kita dapat memperoleh elemen-elemen yang dibutuhkan saat sedang mendesain suatu tampilan UI/UX dan adanya figma ini dapat mempercepat atau memudahkan persoalan dalam hal tersebut.    Berikut salah satu contoh plugin Bagaimana Cara Menginstal Plugin?          "Bagaimana sih cara menginstal plugin??", tenang aja saya disini akan memberi dan mengarahkan cara menginstal plugin menurut versi saya yang sudah saya pelajari sebelumnya yaa. Langsung saja, berikut langkah-langkah dalam menginstal plugin: Buka aplikasi atau web figma, lalu kalian bisa login menggunakan akun gmail masing masing. Buatlah projek baru dengan mengklik "New Desain File". Lalu, klik option pada pojok kiri atas jika diarahkan cursor muncul keterangan "Ma...
Baca selengkapnya

PART 1 FIGMA || Membuat Tampilan UI/UX Untuk Dekstop

Gambar
            Tentang Figma           Figma adalah salah satu tools atau aplikasi desain yang dapat digunakan pada windows dan Mac OS untuk membuat prototype aplikasi serta berbagai desain lainnya. Aplikasi ini berbasis vektor, sehingga memang sangat cocok digunakan untuk membuat user interface aplikasi atau website. Figma adalah satu dari sekian banyak tools desain seperti Adobe XD, Sketch, dan yang lain. Namun, figma masih menjadi pilihan yang populer, khususnya untuk kamu yang perlu berkolaborasi secara real time bersama tim. Langkah-langkah Untuk Login  Buka aplikasi atau web figma Jika kalian ingin membuka via website buka dengan alamat url berikut (figma.com) dan klik login. Dan jika ingin menggunakan aplikasi silahkan download di link berikut https://www.figma.com/downloads/. Login menggunakan akun google kalian Masukan akun google dan password kalian, Jika tidak memiliki akun kalian dapat membuat  akun deng...
Baca selengkapnya

PART 6 FIGMA || Komponen Dalam Figma

Gambar
  Komponen           Komponen merupakan suatu elemen yang dapat digunakan kembali di seluruh desain yang sudah kita buat, singkatnya  kita dapat menggunakan kembali elemen yang sudah dibuat. Contohnya dalam membuat button jika kita ingin menggunakannya kembali kita dapat menjadikannya sebuah komponen agar kita tidak perlu copy paste suatu elemen satu satu. Elemen sangat bermanfaat dalam pembuatan desain yang sudah banyak section atau banyak tampilan. Ada dua aspek dalam dari sebuah komponen yaitu Komponen utama mendefinisikan properti komponen dan Instance yaitu salinan komponen yang dapat Anda gunakan kembali dalam desain. Instance ditautkan ke komponen utama dan menerima pembaruan apa pun yang dibuat pada komponen tersebut.  Dibawah ini merupakan langkah-langkah mengubah elemen menjadi suatu komponen. Langkah-langkah Mengubah Siapkan Desain Yang Sebelumnya Sudah Dibuat Buka aplikasi atau website figma dan buka projek desain yang s...
Baca selengkapnya