7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Dismiss
Advertisement
  1. Web Design
  2. Figma

Tips Vektor Figma

Scroll to top
Kezz Bracey
Read Time: 2 mins
FigmaSVG
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

#09: Figma Vector Tips

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 ShapesUse Figmas Vector Networks for Complex ShapesUse 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 DirectlyPaste SVG Code DirectlyPaste 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 FigmaCopy Vectors as SVG Code in FigmaCopy 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
FigmaSVG
Did you find this post useful?
Want a weekly email summary?
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.
Kezz Bracey
Kezz Bracey
Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.
WordPress Themes
From $13
Magento Themes
From $17
ECommerce Websites
From $16
HTML5 Templates
From $4
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories