Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Розміщення Фотографій та Відео | Створення Візуалів
UI/UX з Figma
course content

Зміст курсу

UI/UX з Figma

UI/UX з Figma

1. Основні Інструменти Figma
2. Створення та Організація Об'єктів
3. Створення Візуалів
4. Прототипування
5. Подання Роботи

book
Розміщення Фотографій та Відео

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

  • Натиснути на 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 asCopy 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.

Як можна скопіювати зображення між фігурами у Figma? (Виберіть два)

Як можна скопіювати зображення між фігурами у Figma? (Виберіть два)

Виберіть кілька правильних відповідей

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 3. Розділ 1
We're sorry to hear that something went wrong. What happened?
some-alt