Розміщення фотографій та відео у 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.