Загрузка страницы

Как добавить SVG (вектор) в фигма | Фишки Figma

Данный мини-урок посвящен простому способу импортировать любой SVG-вектор (например, логотип) в ваш проект Figma.

Сегодня расскажу, как вставить лого с любого сайта в Figma без дополнительных поисков с других источников. Данный совет удобный тем, что выполняется за 15-20 секунд и не требует дополнительных действий.

Смотри больше уроков и фишек по работе с Фигма на моём канале.

#figma #Фишки #Фигма #tutorial

Порядок действий:
1. Открываем «Посмотреть код» (Ctrl + Shift + I)
2. Наводим на логотип
3. Находим SVG-код логотипа
4. Правой кнопкой мышки - Copy - Copy outerHTML
5. Вставляем (Ctrl + V) в Figma.

Важно:
Важно, чтобы была строка, описывающая SVG код.

Полезные ссылки:
Другие фишки Фигмы: https://cutt.ly/GiCqShV
Instagram: https://www.instagram.com/qwererik_design/
Telegram (наше комьюнити, где можно пообщаться): https://t.me/design_community

Если есть вопросы, пиши в комментарии под видео. Удачи в освоении мира дизайна!

----------------------------------------------------------------
✅ Шукаєш щось по дизайну? Все тут:
• Design.Hub: Чат дизайнерів - https://t.me/designhub_ua
• Design.Hub: Новини дизайну - https://t.me/+snU9rJ1GHG5hYzBi
• Мій особистий телеграм - http://t.me/erikts7
----------------------------------------------------------------
🔥 Мої соціальні мережі:
• Instagram - https://www.instagram.com/qwererik_design
• TikTok - https://www.tiktok.com/@qwererik
• Behance - https://www.behance.net/qwererik
• Dribbble - https://dribbble.com/qwererik
----------------------------------------------------------------
😘 Віддячити мені та підтримати канал:
• МоноБанка - https://send.monobank.ua/jar/2S2BYfwRHc
• Спонсорство - https://www.youtube.com/channel/UClKxc699pRilFaeHlDcdFKg/join
Ставай спонсором, щоб отримувати переваги на каналі, та мати можливість качатись в дизайні зі мною.

Видео Как добавить SVG (вектор) в фигма | Фишки Figma канала Хроніки веб-дизайнера | UI та UX дизайн
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Другие видео канала
Зачем идти на курсы? Плюсы от курсов по веб-дизайнуЗачем идти на курсы? Плюсы от курсов по веб-дизайнуЗакони та правила UX (5/5) #designЗакони та правила UX (5/5) #designЗакони UX (2/5). Ефект естетичності та практичності #designЗакони UX (2/5). Ефект естетичності та практичності #designКлиент на фрилансе не всегда прав | Веб-дизайнер и клиентКлиент на фрилансе не всегда прав | Веб-дизайнер и клиентПосетил мероприятие по веб и графическому дизайну | День 1 из 2 | HADEDПосетил мероприятие по веб и графическому дизайну | День 1 из 2 | HADEDШукаємо ідеї для дизайну лендінгу SWIPIT #12 | Планування наступних задачШукаємо ідеї для дизайну лендінгу SWIPIT #12 | Планування наступних задачПлагін Chrome для ui/ux дизайнера | Зручний перегляд адаптиву сайта #uidesign #designПлагін Chrome для ui/ux дизайнера | Зручний перегляд адаптиву сайта #uidesign #designSWIPIT спрінт #8 | Швидкий спрінт по задачамSWIPIT спрінт #8 | Швидкий спрінт по задачамОГЛЯД ВАШОГО ДИЗАЙНУ | Розбір UI/UX дизайну сайта в Figma | #3ОГЛЯД ВАШОГО ДИЗАЙНУ | Розбір UI/UX дизайну сайта в Figma | #3РЕЗУЛЬТАТИ ДИЗАЙН БАТЛУ від DESIGN.HUB | Огляд дизайну учасниківРЕЗУЛЬТАТИ ДИЗАЙН БАТЛУ від DESIGN.HUB | Огляд дизайну учасниківЧек-лист | Перевірка дизайну та UI Kit у Figma | 19 урок | Курс "UI Kit"Чек-лист | Перевірка дизайну та UI Kit у Figma | 19 урок | Курс "UI Kit"Дизайн мобільного застосунку SWIPIT - спрінт #10 | Продовження прототипів та готові перші екрани!Дизайн мобільного застосунку SWIPIT - спрінт #10 | Продовження прототипів та готові перші екрани!Створюємо ПРАВИЛЬНИЙ дизайн ЦІНИ в карточці товару | Як правильно зробити дизайн інтернет магазинуСтворюємо ПРАВИЛЬНИЙ дизайн ЦІНИ в карточці товару | Як правильно зробити дизайн інтернет магазинуПлагины для Figma | 1 часть (Unsplash; Iconify; Feather icons; UIgradients; Color compass)Плагины для Figma | 1 часть (Unsplash; Iconify; Feather icons; UIgradients; Color compass)Перевірка дизайну сайту з UI Kit |  Курс "UI Kit"Перевірка дизайну сайту з UI Kit | Курс "UI Kit"Правки в веб дизайне | Что такое итераций с правками?Правки в веб дизайне | Что такое итераций с правками?Трейлер канала о веб-дизайне | Обучение веб-дизайнуТрейлер канала о веб-дизайне | Обучение веб-дизайнуУрок 1: Где взять заказ на фрилансе и общение с ним | Бесплатный марафонУрок 1: Где взять заказ на фрилансе и общение с ним | Бесплатный марафонСозвон #3 Не лучший способ созвона, но как вариант | Бесплатный марафонСозвон #3 Не лучший способ созвона, но как вариант | Бесплатный марафонУрок 4: Примеры ТЗ и зачем оно вообще на фрилансе нужно | Бесплатный марафонУрок 4: Примеры ТЗ и зачем оно вообще на фрилансе нужно | Бесплатный марафонДизайн батл від Design.HubДизайн батл від Design.Hub
Яндекс.Метрика