← Назад в «Блог»
243

Как копировать SVG из браузера в Фигму

Часто нужно скопировать, но обычный вариант с кликом правой кнопкой мыши и «Сохранить как» не работает. У SVG такого нет.

Сейчас расскажу, как это можно сделать. Если коротко — скопировать код svg и вставить в фигму.

Откройте страницу

Откройте страницу с SVG.

Мне нужно для одного из проектов такой знак. Переходя из википедии по ссылке, открывается страница SVG-файла.

Как копировать SVG из браузера в Фигму 1

Перайдите в консоль разработчика

Чтобы открыть консоль, нажмите Ctrl+Shift+I или кликните правой кнопкой мыши и выберите «открыть консоль разработчика».

Выглядеть будет так

Как копировать SVG из браузера в Фигму 2

Найдите тег <svg>

Чтобы найти код SVG, найдите вкладку «Элементы/Elements». Там надо найти код, который начинается с <svg.

Как копировать SVG из браузера в Фигму 3

Скопируйте

Кликните по этой строчке правой кнопкой мыши и выберите «Копировать → Копировать outerHTML».

Как копировать SVG из браузера в Фигму 4

Вставье

Переходим в фигму, нажимаем Ctrl+V, готово.

Как копировать SVG из браузера в Фигму 5
Полезно
1
1
Непонятно
Поделиться
Отправить
Линкануть
Вотсапнуть
← Назад в «Блог»

Добавить комментарий

Ваш адрес email не будет опубликован.