Indonesian (Bahasa Indonesia) translation by Riska Aprianti (you can also view the original English article)
Vektor merupakan bagian penting dari aplikasi desain UI atau Prototipe, dan Figma memiliki set vektor tool yang kuat dan unik. Berikut adalah beberapa tips dan trik cepat untuk membantu Anda menggunakannya secara lebih efisien.
Tips Tontonan
1. Gunakan Jaringan Vektor untuk Bentuk Kompleks
Figma memiliki beberapa fitur vektor unik yang luar biasa, paling tidak yang menjadi "jaringan vektor".
Misalnya, jika Anda memiliki poligon kompleks seperti bintang, pilih, lalu tekan tombol Edit Object untuk mengedit simpul dan jalurnya. Biasanya, di semua aplikasi desain vektor lainnya, sebuah node dapat memiliki tidak lebih dari dua baris yang berasal darinya. Figma, bagaimanapun, memungkinkan kita untuk menggunakan Pen Tool untuk menarik garis tambahan dari setiap titik, bahkan mungkin menggabungkan dua poin bersama. Lihatlah screenshot di bawah ini untuk melihat bagaimana masing-masing node dalam memiliki tiga baris yang berasal dari itu, secara efektif menciptakan bentuk tambahan dalam poligon asli.

2. Tempelkan Kode SVG Secara Langsung
Fitur ini sangat membantu. Figma akan memungkinkan Anda untuk menyalin kode SVG dari sumber eksternal, lalu menempelkannya ke Figma - itu akan membuat lapisan vektor untuk Anda yang mengandung SVG.

3. Salin Vektor sebagai Kode SVG
Pilih vektor apa pun dalam desain Anda, lalu klik kanan untuk menampilkan menu kontekstual. Masuk untuk Copy as > Copy as SVG dan Anda akan memiliki kode SVG di clipboard Anda, siap untuk menempel ke proyek apa pun yang sedang Anda kerjakan.

Sumber Belajar Figma
Itu adalah beberapa tips cepat untuk bekerja dengan vektor di Figma. Untuk membantu Anda membawa hal-hal ke tingkat berikutnya, kita memiliki serangkaian kursus Figma di Tuts+:
- Desain UIPengantar FigmaAdi Purdila
- FigmaMelampaui Dasar-dasar: FigmaAdi Purdila
- FigmaPanduan untuk Prototyping di FigmaAdi Purdila
- Tips penutup ke Carmel DeAmicis dan Valerie Veteto untuk ringkasan tips komunitas biasa mereka—pergi dan lihat mereka!
- blog.figma.com
- www.figma.com
- SVG Car oleh Yoksel pada CodePen
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post