NEW
Font size
WorksheetsFigma
Total questions: 41
Worksheet time: 21mins
Для чего нужен прототип?
Чтобы нарисовать красивую картинку
Чтобы показать, как приложение или сайт будут работать (как будто это игра-головоломка)
Чтобы распечатать его на принтере
Чтобы выучить английский язык
Как в Figma "оживить" кнопку, чтобы по ней можно было кликнуть?
Закрасить её очень яркой краской
Нажать на кнопку правой кнопкой мыши и сказать "Живи!"
Соединить её специальной линией с другим экраном в режиме "Прототип"
Отправить её в отпуск
Что происходит, когда мы нажимаем кнопку "Present" (Презентовать) в Figma?
Figma говорит нам "Привет!"
Мы попадаем в специальный режим, где можно кликать на кнопки и проверять, как всё работает
Наш прототип превращается в песню
Мы начинаем новую игру
Как называется действие "Нажал на кнопку — перешел на следующий экран"?
"После задержки"
"При клике" (On Click)
"Прыжок с места"
"Волшебное превращение"
Что такое "оверлей" (Overlay)?
Новый экран, который открывается поверх старого, как окно
Самый нижний слой в рисунке
Название шрифта
Специальный стикер
Какую анимацию можно сделать, чтобы экран плавно выезжал снизу, как шторка?
"Мгновенный" переход (Instant)
"Умная анимация" (Smart Animate)
Переход "Выталкивание" (Push)
Анимацию "Кувырок"
Что нужно сделать, чтобы вашим прототипом могли посмотреть друзья?
Поделиться с ними файлом .fig
Отправить им ссылку, которую дает Figma
Нарисовать прототип на бумаге и сфотографировать
Рассказать про него по секрету
Для чего нужны "Варианты" (Variants) компонентов?
Чтобы хранить разные версии одной и той же кнопки (например, обычная и нажатая)
Чтобы выбирать разные фоны для стола
Это запасные детали, если основная сломается
Так называется игра в Figma
Как в прототипе сделать так, чтобы меню плавно появлялось из стороны?
Использовать переход "Мгновенный" (Instant)
Соединить кнопку меню с фреймом, где меню открыто, и выбрать "Умная анимация"
Очень быстро переключать экраны
Написать волшебное слово
Что такое "хотспот" (Hotspot) в Figma?
Это невидимая кнопка-невидимка, на которую тоже можно нажать
Самое горячее место на экране
Специальный эффект для огня
Новый вид курсора
Как сделать анимацию плавной, а не резкой?
Выбрать в настройках перехода "Плавность" (Easing)
Трясти мышкой, пока рисуешь связь
Закрашивать связи жёлтым цветом
Говорить шепотом
Что делает кнопка "Play" (▶️) в режиме прототипа?
Включает музыку
Запускает твой интерактивный прототип, чтобы его проверить
Начинает мультфильм
Открывает секретный уровень
Если ты хочешь, чтобы экран менялся сам по себе через 3 секунды, какую настройку выбрать?
"При клике" (On Click)
"При наведении" (While Hovering)
"После задержки" (After Delay)
"По хлопку" (On Clap)
Куда нужно потянуть связь от кнопки, чтобы она открывала новый экран?
К названию фрейма в списке слоёв
К самому фрейму этого экрана
К иконке сохранения
К своему другу
Как быстро продублировать фрейм, чтобы сделать следующий экран?
Нажать Ctrl+C и Ctrl+V (Cmd+C и Cmd+V на Mac)
Нарисовать его заново
Попросить маму его скопировать
Сделать скриншот
Для чего в прототипе нужна кнопка "Назад"?
Чтобы вернуться на предыдущий экран
Чтобы выключить компьютер
чтобы перейти в главное меню игры
чтобы отменить своё действие
Как показать в прототипе, что кнопка нажата?
Сделать вариант компонента, где кнопка другого цвета, и соединить его
Закричать "Кнопка нажата!"
Нарисовать на ней палец
Наклеить на экран стикер
Что такое "Фрейм" (Frame) в Figma?
Это холст или экран, на котором ты рисуешь интерфейс
Это рамка для фотографии
Это имя дизайнера
Это один из слоёв
Какой инструмент поможет нарисовать ровный круг для кнопки?
Инструмент "Прямоугольник" (Rectangle)
Инструмент "Эллипс" (Ellipse)
Инструмент "Карандаш" (Pencil)
Инструмент "Ластик" (Eraser)
Зачем нужно давать слоям понятные имена?
Чтобы не запутаться, когда слоев много
Чтобы компьютер работал быстрее
Чтобы порадовать учителя
Это обязательное правило
Какого цвета обычно бывает "хотспот" (невидимая кнопка) в Figma, когда её рисуешь?
Ярко-синего
Невидимого, но при наведении мышки он подсвечивается
Ярко-красного, как пожарная машина
Радужного
Что такое "компонент" (Component) в Figma?
Это главная кнопка "Пуск"
Это готовый элемент, который можно использовать много раз (как конструктор)
Это секретная часть кода
Это имя твоего аватара
Если ты изменил главный компонент, что произойдет с его копиями?
Ничего, они останутся прежними
Они все автоматически обновятся
Они исчезнут
Они начнут мигать
Какой инструмент поможет тебе выровнять несколько кнопок по одной линии?
Инструмент "Текст" (Text)
Инструмент "Рука" (Hand)
Инструменты "Выравнивание" (Align) на панели сверху
Линейка и карандаш
Для чего нужна "Сетка" (Grid) во фрейме?
Чтобы играть в крестики-нолики
Чтобы помогать ровно размещать элементы
Чтобы сделать экран разноцветным
Это защита от вирусов
Что делает кнопка "Rename" (Переименовать), когда ты выделил слой?
Удаляет его
Позволяет дать слою понятное имя
Копирует его
Вращает его
Как быстро сгруппировать несколько элементов, чтобы двигать их вместе?
Выделить их и нажать Ctrl+G (Cmd+G на Mac)
Связать их прототипной связью
Закрасить их одним цветом
Накрыть их невидимым колпаком
Куда ты будешь тыкать мышкой, чтобы проверить, работает ли твой прототип?
В панель слоёв слева
В меню "Файл"
В синие хотспоты и интерактивные кнопки в режиме презентации
В календарь
Как сделать так, чтобы прототип всегда открывался с одного и того же экрана?
Назвать этот экран "Старт"
Пометить его как "Начальный фрейм" в панели прототипа
Нарисовать на нём большую стрелку
Спросить у прототипа разрешения
Что означает этот значок ➡️ в панели прототипа?
Здесь начинается анимация
Это связь между двумя элементами
Указатель на сокровище
Кнопка "Вперёд" в браузере
Как вернуться к редактированию макета, если ты находишься в режиме презентации?
Нажать на кнопку "Выйти" (Exit) или клавишу Esc
Закрыть браузер
Подождать 5 минут
Хлопнуть в ладоши
Какого цвета становится объект, когда ты соединяешь его прототипной связью?
Он становится полупрозрачным
Он мигает зелёным
На нём появляется маленькая иконка молнии ⚡
Он окрашивается в синий цвет
Зачем нужно оставлять комментарии в макете?
Чтобы оставить записку для себя или друзей
Чтобы Figma работала быстрее
Чтобы сделать дизайн красивее
Это просто наклейки
Какой инструмент "как карандаш" позволяет рисовать любые фигуры от руки?
Pen Tool (Перо)
Pencil Tool (Карандаш)
Shape Tool (Фигуры)
Paint Tool (Краска)
Как риссовать любые фигуры от руки?
Pen Tool (Перо)
Pencil Tool (Карандаш)
Shape Tool (Фигуры)
Paint Tool (Краска)
Если ты сделал прототип мобильного приложения, какой формы должен быть фрейм?
Квадратной
Высокой и узкой, как телефон
Круглой
Широкой и плоской, как ковёр
Что такое "Auto Layout" (Автоматическая компоновка)?
Это когда Figma сама расставляет элементы в ряд или колонку
Это когда прототип сам себя собирает
Это специальный магический шрифт
Это кнопка для уборки на рабочем столе
Как быстро скопировать цвет одного элемента и применить его к другому?
Использовать "Eyedropper Tool" (Пипетку)
Списать цвет в тетрадку
Угадать его номер
Попросить у элемента разрешения
Что происходит, когда ты соединяешь кнопку "Отправить" с экраном "Успех"?
Кнопка переезжает на другой экран
В прототипе по клику на кнопку будет открываться экран "Успех"
Экран "Успех" меняет свой цвет
Это секретная команда
Где находится панель, где можно включить режим "Прототип"?
Справа вверху, рядом с панелью "Design"
В меню "Настройки"
В самом низу экрана
Её нужно скачать отдельно
Ты сделал крутой прототип игры. Что ты скажешь в конце, чтобы похвалить себя?
"Я молодец! Я научился оживлять свои идеи!"
"На этом всё."
"Могло быть и лучше."
"Теперь можно и поспать."
