flash sale
Most Searched
Full-Stack Laravel Flutter 2021: Building E-Commerce and Chat Apps
Full-Stack Laravel Flutter 2021: Building E-Commerce and Chat Apps
Rp 599,000
Complete Freelancer UI/UX & Illustration Designer: Brief, Wireframe, Visual Design, Portfolio
Complete Freelancer UI/UX & Illustration Designer: Brief, Wireframe, Visual Design, Portfolio
Rp 569,000
Intro to Design System
Intro to Design System
Rp 425,000
Learn Data Analysis For Beginners with Excel
Learn Data Analysis For Beginners with Excel
Rp 450,000
Full-Stack Web Developer
Full-Stack Web Developer
Rp 389,000

UI Styleguide With Figma

Learn how to collaborate trough design

Member

7,935 enrolled

Tingkatan
Sertifikat
Konsultasi
-

Develop Your Skills

Dalam membuat tampilan UI, Designer perlu menerapkan design yang menarik dan tentunya konsisten dengan UI Style Guide agar memudahkan proses web/mobile development. Dengan UI Style Guide, Designer dapat menghemat waktu karena pembuatan komponen design menjadi lebih praktis dan dapat dikerjakan oleh beberapa designer secara bersamaan.

Pada kelas ini, Mentor menggunakan Figma yang telah digunakan oleh banyak perusahaan besar dunia seperti GitHub, Dropbox, Twitter dan Slack. Kita akan belajar proses design yang cepat dengan fitur-fitur bermanfaat seperti Auto Layout, Design Tokens, hingga beberapa rekomendasi pilihan plugin yang sangat efisien. Nantinya kita juga akan membuat design library dan komponen design yang responsive dengan fitur Auto Layout.

Kelas ini cocok bagi Anda yang ingin mendalami UI Style Guide secara gratis. Selain itu, Mentor ahli kami akan siap membantumu melalui grup konsultasi. Mari belajar Design bersama kami dan sampai jumpa di kelas!

Key Points

Membuat variant component

Membuat component responsive dengan auto layout

Memahami perbedaan frame dan group

Memahami style guide dan design library

Designed For

Desainer pemula yang ingin membuat design library

UI/UX Designer yang ingin mendalami tools Figma

Anda yang ingin mempelajari UI Design dengan Figma

Learn With Expert

Mentor Jalu Detya

Jalu Detya

UX Designer

ic-star ic-star ic-star ic-star ic-star

(8.9K)

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Figma

Software Gratis

Download Now

7,935 Happy Members

Review setelah bergabung di kelas UI Styleguide With Figma

Rsndhgstn77

Lifetime Learner

Mantaap sekali, sangat bermanfaat bagi yg baru belajar ui.

read more
Ahmadhakimmaka

Lifetime Learner

Materi bukan Abal abal

read more
Uchaputraa

Full-Stack Developer

keren

read more
Iqbaleff214

Back-End Developer

Keren, membantu banget

read more
Afrizalrizky77

Front-End Developer

mantap performa untuk bekerja dengan figma makin cepat dan rapi, thanks BWA

read more
Gumilargandam3

UI Designer

praktek mudah dipahami

read more
#Starter

Start to Invest 100%

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Basic - Rp 0

Akses dan pelajari kelas Starter
secara gratis tanpa sertifikat

Bayar 0 rupiah

Akses kelas selamanya

Mulai Belajar

Plus - Rp 40,000

Unlock benefit lainnya yang bisa
didapatkan di kelas Starter

Sekali bayar saja

Akses kelas selamanya

Materi belajar terbaru

Sertifikat kelas

Bonus materi belajar

Bonus materi belajar

Mulai Belajar

UI Styleguide With Figma

Learn how to collaborate trough design

  • Trailer kelas
    1 minutes

  • Auto Layout Intro
    1 minutes
  • Auto Layout [Button]
    3 minutes
  • Auto Layout [Navigation
    5 minutes
  • Auto Layout [Card]
    5 minutes
  • Auto Layout [List]
    6 minutes

  • Design Token/Style Library Intro
    1 minutes
  • Design Token/Style Library [Color]
    3 minutes
  • Design Token/Style Library [Typography]
    2 minutes
  • Design Token/Style Library [Icon]
    2 minutes
  • Design Token/Style Library [Effect]
    2 minutes
  • Design Token/Style Library [Grid]
    2 minutes

  • Component Intro
    1 minutes
  • Component Intro [Button]
    2 minutes
  • Componen & Variant Intro [Button]
    4 minutes

  • Frame & group
    5 minutes

  • Popular plugin
    9 minutes

  • Penutup
    1 minutes
Develop Your Skills

Dalam membuat tampilan UI, Designer perlu menerapkan design yang menarik dan tentunya konsisten dengan UI Style Guide agar memudahkan proses web/mobile development. Dengan UI Style Guide, Designer dapat menghemat waktu karena pembuatan komponen design menjadi lebih praktis dan dapat dikerjakan oleh beberapa designer secara bersamaan.

Pada kelas ini, Mentor menggunakan Figma yang telah digunakan oleh banyak perusahaan besar dunia seperti GitHub, Dropbox, Twitter dan Slack. Kita akan belajar proses design yang cepat dengan fitur-fitur bermanfaat seperti Auto Layout, Design Tokens, hingga beberapa rekomendasi pilihan plugin yang sangat efisien. Nantinya kita juga akan membuat design library dan komponen design yang responsive dengan fitur Auto Layout.

Kelas ini cocok bagi Anda yang ingin mendalami UI Style Guide secara gratis. Selain itu, Mentor ahli kami akan siap membantumu melalui grup konsultasi. Mari belajar Design bersama kami dan sampai jumpa di kelas!

read more
Learn With Expert
Jalu Detya
Jalu Detya
UX Designer
rating-star rating-star rating-star rating-star rating-star
(8.9K)
Key Points
  • Membuat variant component
  • Membuat component responsive dengan auto layout
  • Memahami perbedaan frame dan group
  • Memahami style guide dan design library
Created For
  • Desainer pemula yang ingin membuat design library
  • UI/UX Designer yang ingin mendalami tools Figma
  • Anda yang ingin mempelajari UI Design dengan Figma
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
7,935 Happy Members
Rsndhgstn77

Lifetime Learner

Mantaap sekali, sangat bermanfaat bagi yg baru belajar ui.

read more
Ahmadhakimmaka

Lifetime Learner

Materi bukan Abal abal

read more
Uchaputraa

Full-Stack Developer

keren

read more
Iqbaleff214

Back-End Developer

Keren, membantu banget

read more
Afrizalrizky77

Front-End Developer

mantap performa untuk bekerja dengan figma makin cepat dan rapi, thanks BWA

read more
Gumilargandam3

UI Designer

praktek mudah dipahami

read more
Tools Pendukung
Figma
Figma
Software Gratis
arrow_upward