Tips Vektor Figma

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.

Use Figmas Vector Networks for Complex Shapes

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.

Copy Vectors as SVG Code in Figma — Disalin

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+:

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