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

Question

[reevpro]

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

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

Задача такова, нужно сделать плитку с товарами в магазине. Что бы визуально показать список разных товаров.
Текст у дочернего меняю, а вот с картинкой, что бы они разные были разные не получается.
Засунуть картинку в уже готовый дочерний компонент я не могу!
Если отменить формат дочернего компонента, то он потеряет связь с компонентом родителем.

Comments

[ivan_barashev]

Можно через Swap instanse смотреть скрин:

Answer 1

[AlenaTravka]

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

Comments

[kimernest]

Ты боженька

Answer 2

[Михаил Проскурин]

Два способа:

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

Скриншот

2. Для того, чтобы поменять картинку у нескольких товаров, жмете на значок с фигурами, в панели инструментов и выбираете Place Image, после этого, выбираете несколько изображений и вставляете их в нужные компоненты.

Скриншот

Answer 3

[sneznyj]

Можно это сделать горячими клавишами.

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

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

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

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

Где

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