Figma

Actual Training

Pelatihan UI/UX Design with Figma (PT Shimano Batam)

Pada tanggal 4-7 April 2022 telah diadakan pelatihan dengan topik UI/UX Design with Figma. Peserta dari pelatihan ini adalah ui/ux engineer dari PT Shimano, Batam, Indonesia.

Apakah Anda seorang desainer atau pengembang, ada kalanya Anda perlu membuat gambar rangka (wireframe) atau prototipe. Membuat prototipe dan gambar rangka adalah cara paling efisien untuk merencanakan dan menguji konsep sebelum melakukan proses penulisan kode yang memakan waktu dan mahal.
Jika Anda mendesain apa pun mulai dari situs web hingga aplikasi seluler, Anda memerlukan alat untuk membuat prototipe dan gambar rangka yang efisien. Untuk keperluan tersebut dapat menggunakan Figma. Figma memiliki semua fitur yang anda butuhkan untuk membuat prototipe yang menarik. Anda dapat menggunakan prototipe ini untuk mendapatkan umpan balik pelanggan, menguji konsep UI baru, berkomunikasi antara desainer dan pengembang, dan banyak lagi.
Pada pelatihan ini, anda akan belajar untuk merancang prototipe pertama anda. Setelah membuat prototipe pertama, maka anda akan diperkenalkan ke fitur-fitur penting yang ada pada Figma.
Pada pelatihan ini akan banyak latihan untuk merancang prototipe. Anda juga dapat membagikan prototipe anda dan mendapatkan umpan balik dari pengguna.

Adapun materi yang dibahas adalah sebagai berikut:

  • Figma Introduction
    • Quick Orientation
    • Loading a Project
    • Creating a Mobile Design Prototype
    • Finalizing Your Design
  • Learning Figma Interface
    • Desktop vs Web Based Version Of Figma
    • The Figma Plugin Architecture
    • Figma Mirror
    • Figma Menus
    • Figma Tools
    • Figma Design Versioning
    • Figma Files and Exports
  • Pages, Frames, Grids and Components   
    • Creating and Managing Pages
    • Using Frames
    • Understanding Layout Grids
    • Figma Components
  • Shapes with Figma
    • Drawing Shapes
    • Creating Groups
    • Fill, Stroke, and Effects
    • Aligning Shapes
    • Combining Shapes
  • The Pen Tool
    • Drawing Shapes with the Pen
    • Drawing Curves
    • Editing Shapes with the Pen
    • The Pencing Tool
    • Type and Typhography
    • Adding Type to Figma Project
    • Using Lorem Ipsum Text
  • Figma Workflow              
    • Material Design for IOS with Figma
    • Material Design for Android with Figma
    • Creating your own style libraries.
    • Figma Team Features
  • Study Case