Розміщення фотографій та відео у Figma: Покращення дизайну за допомогою медіа

Щоб додати зображення, можна:

• Натиснути Figma Icon → File → Place Image;
• Використати панель інструментів і вибрати у Shapes tool group → Place Image;
• Використати комбінацію клавіш: Ctrl/Command + Shift + K;

Щоб розмістити зображення у Figma, наведіть курсор на фігуру та натисніть, щоб заповнити фігуру зображенням. Також можна розмістити його на тексті, перетягнути для ручного позиціонування або натиснути для розміщення всього зображення, але можливо доведеться зменшити його масштаб. Щоб обрізати або відредагувати зображення, двічі клацніть, утримуючи Alt/Option або скористайтеся параметрами Design Panel → Fill → Image Fill.

Налаштування параметрів масштабування

• Fill: зображення заповнює фігуру;
• Fit: зображення вміщується у фігуру;
• Crop: налаштування розмірів зображення;
• Tile: повторення зображення у вигляді сітки.

Щоб скопіювати зображення у Figma, клікніть правою кнопкою миші та виберіть → Copy/Paste as → Copy Properties або Paste Properties для перенесення атрибутів між фігурами. Також можна скористатися гарячими клавішами Ctrl/Command + C для копіювання та Ctrl/Command + V для вставки.

Також можна змінити налаштування заливки:

• Регулювання прозорості зображення для ефекту затемнення;
• Зміна або приховування будь-якого кольору/зображення заливки;
• Видалення заливки натисканням на іконку мінус.

Додавання відео у Figma відбувається аналогічно до зображень, але відео можна додавати лише у платних тарифах. Після додавання можна переглядати мініатюри відео у налаштуваннях Fill у Design Panel. Для повного відтворення перейдіть у Presentation Mode, натиснувши іконку "Present" у верхньому правому куті. Щоб завантажити оригінальні файли (фото або відео), перейдіть у Dev Mode (доступно лише у платних тарифах), виберіть об'єкт і відкрийте Inspect Panel. У Assets Section знайдете Download/Export Button.