@reevpro

Как заменить картинку в компоненте Figma?

Есть сложный компонент - карточка товара.
В товаре есть фото, название, описание, цена.
Если это компонент, то я его размножаю и спокойно меняю текст в дочернем компоненте.

Вопрос в том, как заменить изображение в дочернем компоненте?

Задача такова, нужно сделать плитку с товарами в магазине. Что бы визуально показать список разных товаров.
Текст у дочернего меняю, а вот с картинкой, что бы они разные были разные не получается.
Засунуть картинку в уже готовый дочерний компонент я не могу!
Если отменить формат дочернего компонента, то он потеряет связь с компонентом родителем.
  • Вопрос задан
  • 15603 просмотра
Пригласить эксперта
Ответы на вопрос 3
@AlenaTravka
Пишу для тех, кому актуально. Ещё один способ, когда картинки уже в файле фигма и не хочется заморачиваться со скачиванием и вставкой из файлов.
1Правой кнопкой на картинку, которую нужно скопировать. Выпадает список действий
2Наводите на строчку "Copy/Paste as". Выпадает второй список действий
3Нажимаете на "Copy as PNG"
4Нажимаете левой кнопкой мыши на элемент куда нужно вставить
5Жмёте хот кей CTRL+V
Надеюсь понятно описала алгоритм. Удачи
Ответ написан
mixail_fet
@mixail_fet
Дизайнер веб-интерфейсов
Два способа:

1. Жмете два раза по картинке, вылезает вот такое окно, нажимаете на кнопку по середине и выбираете файл с картинкой
Скриншот
5d97b980752bc796824756.jpeg


2. Для того, чтобы поменять картинку у нескольких товаров, жмете на значок с фигурами, в панели инструментов и выбираете Place Image, после этого, выбираете несколько изображений и вставляете их в нужные компоненты.
Скриншот
5d97b9d543f52351391161.jpeg
Ответ написан
Комментировать
@sneznyj
Можно это сделать горячими клавишами.

Если хотите вставить изображение, сохранив его пропорции:

  • CTRL+SHIFT+C - скопировать нужное изображение прямо в Фигме
  • CTRL+SHIFT+V - вставить это изображение в нужный компонент


Если хотите вставить изображение, изменив его пропорции, в соответствии с тем изображением, которое будет заменено:

  • CTRL+ALT+C - скопировать нужное изображение прямо в Фигме
  • CTRL+ALT+V - вставить это изображение в нужный компонент


Где
Это работает не только с компонентами, но и со всеми изображениями во фреймах, группах и без них.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы