Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Figma

Tips Vektor Figma

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Figma Tips and Tricks.
Figma Image Tips
Figma Component Tips

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.

Paste SVG Code Directly
Ditempelkan

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.