Привет!

На связи команда YudaevSchool и мы рады приветствовать вас
на марафоне по дизайну
Вы попали на страницу сопроводительных материалов к урокам. Впереди вас ждет увлекательное путешествие в мир веб-дизайна. Но перед стартом мы предлагаем вам получить базовые навыки, которые вы будете использовать на протяжении всего курса
По результату изучения гайда вы:
✔️ узнаете различие между старой и новой версиями Figma
✔️ познакомитесь с интерфейсом Figma
✔️ изучите базовые инструменты программы
✔️ научитесь устанавливать шрифты на ваше устройство
✔️ получите ответы на самые популярные вопросы о марафоне

Обновление Figma:
старая vs новая версия
В 2024 году Figma представила новую версию интерфейса программы. Есть несколько нововведений, которые расширяют функционал этого сервиса
На начальном этапе изучения дизайна стоит обратить внимание на положение панели инструментов: в старой версии она находится вверху, в новой - внизу
Старая версия Figma
(панель инструментов вверху)
Новая версия Figma
(панель инструментов внизу)
В уроках, которые предстоит вам посмотреть, мы используем старую версию Figma. Мы работаем на такой версии , потому что большинство дизайнеров предпочитает её за удобство и знакомый интерфейс — она мало чем отличается от новой версии
Далее рассказываем как переключиться между версиями, если вам будет это необходимо
  1. Нажать на знак вопроса в правом нижнем углу экрана.
2. Нажать «Go back to previous UI».

В остальном функционал Figma никак не изменился. Новые фишки программы на курсе мы не используем, поэтому вы сможете ознакомиться с ними самостоятельно в будущем или на нашем полноценном курсе
Введение в Figma

В этом уроке вы познакомитесь с Figma и получите базовые навыки работы в программе
Для просмотра урока переходите
по ссылке ниже 👇
Работа со шрифтами. IOS

Ниже представлена инструкция по установке шрифта на MacOS
  1. Выбираем нужный нам шрифт
  1. Скачиваем файл для установки с проверенных источников
  1. Открываем архив с файлами
  1. Открываем стандартное приложение «шрифты»
  1. Перетягиваем файлы со шрифтами в приложение «шрифты» и ждём, пока они туда подгрузятся
  1. Не забудьте обновить вкладку с Figma, чтобы шрифт появился в программе

Для просмотра урока переходите
по ссылке ниже 👇
* Если вы работаете с проектом в браузерной версии Figma, то все шаги аналогичные
Работа со шрифтами. Windows

А на Windows как установить?
  1. Выбираем нужный нам шрифт
  1. Скачиваем файл для установки с проверенных источников
  1. Открываем архив с файлами
  1. Правой кнопкой мыши кликаем "извлечь в указанную папку"
  1. Выбираем удобную для себя папку, чтобы не потерять файл
  1. Переходим в эту папку
  1. Правой кнопкой мыши кликаем "установить"
  1. Не забудьте обновить вкладку с Figma, чтобы шрифт появился в программе
Для просмотра урока переходите
по ссылке ниже 👇
* Если вы работаете с проектом в браузерной версии Figma, то все шаги аналогичные
FAQ
Ответ на популярные вопросы
Общие вопросы
А в Figma можно работать с телефона?
К сожалению, нельзя. В мобильной версии можно только просматривать проекты и оставлять комментарии. Основная работа происходит на компьютере или ноутбуке
Figma не работает, что делать?
Минимальные системные требования Figma:
• ОС: macOS 10.12 (macOS Sierra) или более поздние версии; Windows 8 или более поздние версии с 64-битной средой
• Браузер: Chrome 58+, Firefox 57+, Safari 11+, Microsoft Edge 16+
• Видеокарта: Intel HD Graphics 4000, Nvidia 330m, ATI Radeon HD 4850
Если характеристики вашего компьютера/ноутбука не соответствуют какому-либо требованию, то работать в Figma можно через браузерную версию
Почему марафон бесплатный?
Марафон — это наш способ поддержать тех, кто ищет своё место в дизайне или хочет попробовать свои силы без лишних рисков. Мы делимся ценными знаниями и вдохновляем на развитие. Это шанс окунуться в дизайн и понять, подходит ли вам этот путь.
А если бесплатного марафона окажется мало, то мы готовы идти с вами дальше: глубокое обучение, живое комьюнити дизайнеров и множество профессиональных инсайтов ждут вас на наших курсах
Сколько всего уроков в марафоне?
Всего в марафоне 4 урока + 1 бонусный
В первых двух домашних работах вам необходимо создать современные дизайн-макеты. Эти работы будут сделаны шаг за шагом, повторяя действия за спикером, поэтому выполнение будет легким и понятным даже для новичков
Третий урок посвящен самостоятельной работе, где вас ждет простор для творчества и креатива. Здесь вы сможете воплотить свои идеи, применяя полученные знания, и почувствовать себя настоящим дизайнером
В четвертом уроке мы упакуем ваше портфолио. Это станет вашим финальным домашним заданием, результатом которого будет профессионально оформленное портфолио, готовое для демонстрации заказчикам или работодателям
*Бонусный урок не сдается куратору на проверку
Где найти материалы к первому уроку?
Материалы к первому уроку находятся, как в личном кабинете, так и в меню бота, который присылает всю информацию по марафону

Если вдруг возникают сложности, то обязательно обращайтесь к куратору. Он отправит материалы в виде ссылки или файла
В каком формате нужно отправлять домашнюю работу на проверку куратору?
Сдавать свои работы лучше в форматах PNG или JPEG
Как скоро после сдачи первой домашки откроется второй урок?
Кодовое слово для открытия следующего урока выдает куратор после проверки домашнего задания. Если урок не открылся, то обязательно перепроверьте верность написания кодового слова

Если проблема имеет технический характер, то обязательно обращайтесь к куратору
У меня сгорели все жизни, значит доступ к марафону закрыт навсегда?
Для восстановления доступа к марафону обращайтесь к куратору в личные сообщения
За что куратор может закрыть доступ к марафону?
За агрессию, неадекватное поведение, флуд куратор может закрыть доступ к марафону и ко всем чатам в YudaevSchool
Просим вести себя корректно и не нарушать правила прохождения марафона ❤️
А дизайнеры много зарабатывают? Есть ли смысл обучаться этому?
Профессия дизайнера в 2025 году невероятно востребована: бизнесу нужны сайты, приложения, брендинг и реклама, поэтому квалифицированные специалисты хорошо зарабатывают. Это уникальная сфера, где можно совмещать творчество с высоким доходом, работая как на фрилансе, так и в компании
Чтобы стать успешным дизайнером, важно начать с основ, и прохождение бесплатного марафона — идеальный первый шаг. Мы научим вас современным инструментам и поможем уверенно войти в профессию. А после вы сможете углубить знания на курсах нашей школы и выйти на уровень высоких доходов!
Технические вопросы
Как включить функцию Auto Layout?
Нужно нажать сочетание клавиш Shift + A
Где в новой Figma находится Layer (стиль наложения) ?
В правой панели настроек фрейма есть иконка капельки. Нажимаете на неё и откроются настройки по эффектам
Как равномерно уменьшить фрейм?
При нажатии на английскую клавишу "K" включается функция Scale, которая помогает равномерно изменить размер фрейма
Чтобы отключить функцию - такое же нажатие на "К", либо справа в панели инструментов нажмите на крестик

Если с помощью клавиатуры не получилось использовать данную функцию, то её также можно включить с помощью панели инструментов. Scale - это второй вариант курсора
Как приблизить рабочее поле?
Нажатием клавиши Ctrl (Windows) или Cmd (Mac) + колесико мыши
Где находится Community Figma?
На главной странице слева снизу - "Explore Community"

После обновления Figma в конце 2024 года нет необходимости устанавливать плагины, потому что они автоматически уже установлены
Чтобы их найти необходимо в панели инструментов Figma нажать на 7 значок (там, где несколько элементов) и выбрать вкладку плагины. С помощью поиска можно найти тот плагин, который необходим
Как вставить картинку или другой элемент в Figma?
Перетащите элемент с рабочего стола в рабочее пространство Figma
Также можно нажать на иконку слева сверху "File - Place image"
Как убрать "лишнее" картинки из фрейма?
  1. В левой панели инструментов в слоях поместить картинку во фрейм
  1. Нажать на фрейм
  1. В правой панели инструментов включить функцию "Clip Content"
При настроенном Auto Layout не увеличивается кнопка во фрейме
  1. Нажмите на кнопку внутри фрейма
  1. Перейдите в настройки кнопки (правая панель инструментов)
  1. Вместо режима "Fixed - Fixed" выберете режим "Hug - Hug"
Плагин Noise платный. Что делать?
Используйте бесплатный аналог "Noise & Texture"
Не могу включить просмотр анимации готовой работы
Чтобы посмотреть анимацию нужно сделать одно действие - найти кнопку "Play" в правом верхнем углу (около масштабирования всего поля) и нажать её

Если у вас возникнут любые другие вопросы - обращайтесь к куратору
Успешного обучения!
Made with Gamma