How to Add SVG Icons to a Figma Project (Figma Quick Tips)

Опубликовано: 24 Август 2022
на канале: Jake Lett
9,698
69

►► Need Digital Marketing Help? → https://bootstrapcreative.com/about/

In this Figma tutorial video, I demonstrate how to add icons in Figma and how to copy and paste an SVG icon from a website and paste it into your Figma projects. This saves a lot of time by not having to download a SVG file and then import into your project.

This also makes it easy to experiment a redesign by making adjustments to existing icons used on a website or web application. This video will show you how to add SVG to Figma project instead of manually importing SVG files. This will save you time if you are working fast in the browser or with a code editor.

0:00 Intro
0:52 Figma project & goals
0:37 Inspect & Copy SVG Using Devtools
1:08 Paste SVG Code In Figma
1:20 Adjust Horizontal Spacing - Tidy Up
1:50 Free Wireframing Templates → https://bootstrapcreative.com/resourc...

Other links I mentioned in the video

Download my Figma design files for a design portfolio - https://www.figma.com/community/file/...

Video summary on my website - https://bootstrapcreative.com/how-to-...

👉 Hello! If you found this video useful, I recommend checking out my marketing and sales guides and templates at https://bootstrapcreative.com/free-gu... . They’re packed with actionable insights that can really help elevate your business. Don’t miss out—dive in and take your marketing strategy to the next level! 🙂

#Figma #FigmaTutorial #UXDesign #jakelett


Смотрите видео How to Add SVG Icons to a Figma Project (Figma Quick Tips) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Jake Lett 24 Август 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 9,698 раз и оно понравилось 69 людям.