Зміст курсу
UI/UX з Figma
UI/UX з 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.
Дякуємо за ваш відгук!