Webinar suplemen Kelas Ilustrasi Vektoria #1

Plugin-plugin Figma untuk Ilustrasi

Rangkuman webinar suplemen kelas ilustrasi Vektoria #1

4 min readMar 23, 2021

--

Di awal Februari 2021, Vektoria mengadakan webinar yang harapannya bisa jadi suplemen/ilmu tambahan saat belajar untuk para peserta kelas Vektoria online. Ini adalah versi rangkuman yang sekaligus jadi notulensi webinarnya.

Apa aja yang dilakukan di webinar?

Kenalan 🤝

Para peserta yang sempet ikut bisa saling kenalan satu sama lain sekalian cerita apa yang lagi dikerjakan saat ini dengan Figma. Kemarin ada yang bilang lagi mulai bikin ilustrasi karakter, bikin poster dengan Figma juga.

Konsultasi 💬

Peserta juga bisa konsultasi tentang hal yang spesifik tentang project yang sedang dikerjakan. Kemarin ada yang penasaran bagaimana kita bisa memilih font lebih gampang pakai Figma. Wait, jawabannya nanti ada di bawah ya 😉.

Materi Suplemen 💊

Mentor akan share materi tambahan yang lebih praktikal dan up to date.

Yep, sekarang kita lanjut ya ke rangkuman dari materi suplemen:

Plugin-plugin yang bisa bikin ilustrasimu lebih mantap di Figma

EasyMask

https://www.figma.com/community/plugin/781317794301477536/EasyMask

Buat kamu yang sudah terbiasa melakukan masking dengan aplikasi pengolah grafis lain dan ngerasa canggung dengan cara masking Figma, bisa install plugin EasyMask buat ngebuat proses desainmu lebih cepet lagi.

Noise

https://www.figma.com/community/plugin/752558325552095625/Noise

Masih inget gimana caranya kita bikin ilustrasi lebih organik dengan menambahkan texture pada beberapa bagian di objek ilustrasi kita? Dengan plugin Noise, kita bisa bikin texture noise dari Figmanya langsung.

Simplify Path

https://www.figma.com/community/plugin/823136230678046609/simplify-path

Terkadang saat bikin path, atau trace banyak node yang kebentuk dan bikin berat saat kita mencoba buat adjust mereka. Untuk itu, simplify path bisa banget ngebantu minimalisir jumlah node pada pat yang diseleksi ketika plugin ini diakses.

Isometric

https://www.figma.com/community/plugin/741184519069077841/Isometric

Isometrik adalah salah satu gaya ilustrasi yang bertumpu pada perspektif, sehingga terlihat tidak seperti ilustrasi 3 Dimensi. Ilustrasi isometrik punya caranya sendiri untuk dibuat, nah plugin ini bisa banget do the heavy lifting buat ngaish perspektif isometris buat ilustrasimu.

Warp It!

https://www.figma.com/community/plugin/923820065156924054/Warp-It

Warp It hadir sebagai plugin buat mewakili fitur free transform yang dimiliki aplikasi pengolah grafis lain. Kelemahannya adalah saat tulisan ini dubuat, yang bisa diubah hanya satu objek/path saja dalam satu sesi warp.

SkewDat

https://www.figma.com/community/plugin/741472919529947576/SkewDat

SkewDat membuat square jadi modifier untuk memiringkan secara horizontal atau vertikal pada objek terpilih. Yang ngebedain dari isometric adalah, kalo SkewDat ini bisa jadi semacam tool buat mengatur perspektif, dan lebih luwes dari Isometric.

Align to

https://www.figma.com/community/plugin/742450159822269057/Align-To

Meskipun alignment di Figma enak banget karena ada shortcutnya (alt+WASD), tapi tetap masih kurang dengan fitur patokan/align to. Saat ini align to nya Figma berada pada objek yang lebih besar atau frame yang menampungnya.

Sementara, fitur align to udah dimiliki pengolah grafis lain. Nah, dengan plugin ini, kamu bisa memilih beberapa objek terus pilih suatu objek jadi patokan biar nanti objek-objek lainnya akan sejajar ngikutin objek patokan tadi.

Variable width stroke

https://www.figma.com/community/plugin/915785576743284465/Variable-Width-Stroke

Dengan fitur variable width, stroke atau garis pada path yang udah kita buat, bisa kita beda-bedain tuh lebar-sempitnya di titik-titik tertentu. Fitur ini akan ngebantu banget ketika mau bikin ilustrasi yang menginginkan adanya goresan yang lebih organik(ujungnya tipis, tengahnya tebel, pas ada belokan tipis, dst)

Image Tracer

https://www.figma.com/community/plugin/735707089415755407/Image-tracer

Nah fitur ini lumayan life-saver banget ya, semisal kita perlu tracing (bikin ulang atau jiplak dengan bikin objek-objek path) suatu logo atau icon, bisa banget berangkat dari sini biar selanjutnya tinggal dirapih-rapihin, pakai Simplify Path yang tadi juga sabi banget!

Bonus

Kemarin ada peserta yang nanya, gimana caranya bisa ngeliat font lebih enak buat dipilih-pilih di dalam Figma. Daan ini dia plugin rekomendasi kita:

Better Font Picker

https://www.figma.com/community/plugin/739922281164562258/Better-Font-Picker

Dengan plugin ini lebih keliatan karakteristik visual dari tiap-tiap typeface, jadi lebih gampang dan cepet buat nyari-nyari typeface/font yg tepat buat dipake ngedesain.

What’s Next? 🏁

Vektoria akan jadiin ini rutin sih, tapi frekuensinya kami belum tau. Pantengin aja di IG kita @vektoria.id , webinar ini sifatnya eksklusif buat peserta kelas aja. Tapi mungkin akan ada juga webinar yang bisa semuanya ikut.

Nah kalo kamu tertarik buat ikut kelas ilustrasi dengan Figma, boleh banget daftar kelas ilustrasi flat design dengan Figma di sini.

Thank You!

— Ken
(Yang happy2 juggling dengan bikin kelas, kerja full time, sama jadi ayah baru)

--

--

Vektoria
Vektoria

Written by Vektoria

Kelas online singkat digital design & creatives

No responses yet