Курс Figma для SMM и маркетинга: Дизайн для соцсетей с нуля

Что вы сможете после курса

• Работать в Figma уверенно: фреймы, модульные сетки, фигуры, фотографии, текст, кривые Безье и эффекты
• Перекрашивать скачанные SVG-иконки под свою палитру и сохранять их в векторе и растре
• Верстать один макет сразу в нескольких размерах — от обложки до сторис — на компонентах с Constraints
• Вырезать фотографии по контуру в наклейки без фона и собирать аватарку с портретом, выступающим за край круга
• Нарезать длинную композицию слайсами в бесконечную ленту, карусель и постер из пяти картинок
• Имитировать пластик, серебро, золото и неоновое свечение градиентами, тенями и бликами

Кому подойдёт курс

Курс не учит проектированию интерфейсов приложений, ретуши фотографий и настоящему 3D — только графике для соцсетей.

Как проходит обучение

• Практика на каждом уроке — Инструменты осваиваются на макете поста, а не в отрыве от задачи, — после урока остаётся готовая работа
• Реальные форматы соцсетей — Макеты собираются сразу под пост, сторис, обложку сообщества и постер — их можно публиковать без переделки
• Бесплатный редактор и бесплатные сервисы — Покупать ничего не нужно: Figma работает в браузере, шрифты и фотографии берутся из бесплатных коллекций
• Автоматизация выпуска контента — Компоненты, Constraints и слайсы делают серию постов из одной заготовки — новая публикация собирается заменой картинки и текста
• Материальные эффекты без текстур — Металл, пластик и неон собираются градиентами, тенями и бликами, а цвета снимаются пипеткой с готовых образцов

Что понадобится

• Компьютер с доступом в интернет: Figma работает в браузере, настольное приложение ставится бесплатно
• Учётная запись Google для регистрации
• Бесплатные коллекции Google Fonts и Unsplash и сервисы-помощники из уроков

Почему самому обычно не выходит

Без понимания устройства редактора макет разваливается: объекты уезжают за границы фрейма, картинки теряют пропорции, цвета не сходятся между собой. В привычных программах на такую работу уходит вечер: в презентациях всё делается вручную, а в Photoshop не сразу понятно, какой слой двигается.

Курс раскладывает работу на простые шаги: сначала холст и инструменты, затем сборка поста по сетке и только потом эффекты. Каждый приём — вырезание, карусель, неон — показан на задаче соцсетей, поэтому результат сразу видно в ленте.

Что изменится

Как устроен путь

1. Старт Регистрация, установка и обзор интерфейса: бесконечный холст, панели, навигация и сочетания клавиш — рабочая среда готова
2. База инструментов Фреймы с сетками, фигуры и фотографии, текст и шрифты, кривые Безье и градиенты — каждый инструмент отрабатывается на макете поста
3. Эффекты и экспорт Тени и размытия, стили заливок и смешивание слоёв; готовый пост сохраняется в PNG, SVG или PDF с осмысленным именем
4. Практика приёмов Иконки, шаблоны на компонентах, наклейки, объёмные аватарки, лента, карусель, постер, фактуры металла и неон — приёмы для контента соцсетей

Программа курса

20 уроков · 2 модуля · 2 часа 58 минут видео · Каждый урок — короткая практика с результатом: от первого входа в редактор до серии готовых постов

• Рабочая среда и базовые инструменты: от регистрации до экспорта поста 10 уроков

  От регистрации и бесконечного холста к первому готовому макету: фреймы с модульными сетками, фигуры и фотографии, текст и шрифты, кривые, градиенты, эффекты и экспорт поста.

  • Короткое знакомство и введение3:46

    Вводный урок знакомит с Figma как графическим редактором: разбирается, какие задачи в нём решают — от мобильных приложений и веб-интерфейсов до постов для социальных сетей — и чем он отличается от привычных программ. Отдельно говорится о доступности: редактор бесплатный, работает в браузере и на компьютере, поддерживает командную работу.

  • Регистрация и установка4:55

    Практический урок о старте в Figma: регистрация через учётную запись Google, установка настольного приложения и создание первого файла. Разбираются отличия браузерной версии от программы по набору доступных шрифтов и то, как проекты синхронизируются между ними.

  • Бесконечный рабочий стол1:17

    Урок о бесконечном рабочем столе Figma: что это за пространство, что на нём размещается и какую роль играют фреймы. Показана навигация — масштаб колесом мыши с зажатым Ctrl и панорамирование пробелом, ориентироваться помогает линейка вверху экрана.

  • Панели инструментов3:50

    Обзорный урок по устройству интерфейса: рабочий стол в центре, панель слоёв слева, контекстное меню справа, верхняя панель с меню и поиском по командам. Разбирается назначение инструментов — Move, Scale, Frame, фигуры, вставка картинок, кривые, текст и комментарии.

  • Фреймы и сетка: как использовать и настроить7:55

    Урок о фреймах — листах с заданными границами на рабочем столе: готовые размеры под устройства и соцсети, перемещение, копирование, задание размера и цвета. Отдельно разбираются модульная сетка и колонки, задающие разметку для вёрстки макета.

  • Фигуры и фотографии: как редактировать фото16:19

    Практика с фигурами и изображениями: рисование шейпов, дублирование через Alt и Ctrl+D, выравнивание и группировка объектов. Показаны несколько способов вставить фото — Place Image, перетаскивание из папки, копирование со стока — и подбор цвета пипеткой с макета.

  • Текст и шрифт: основные возможности инструмента6:14

    Урок о текстовом инструменте: создание текстового блока, выбор шрифта и начертания, размер, межстрочные интервалы и разрядка. Также верхний регистр и оформление букв — заливка через Fill, пипетка и обводка через Stroke.

  • Кривые и смешивание9:40

    Урок о рисовании изогнутых векторных форм инструментом Pen: опорные точки, кривые Безье и редактирование контура. Разбираются градиентные заливки, сохранение заливки как стиля, прозрачность слоя и режимы смешивания Multiply и Screen.

  • Эффекты6:27

    Урок знакомит с четырьмя эффектами Figma — внешней и внутренней тенью, размытием слоя и размытием фона. Показаны настройки параметров тени: степень размытия, смещение по осям X и Y, непрозрачность; отдельно — применение Layer Blur и Background Blur.

  • Экспорт и имена5:08

    Урок о сохранении работы из Figma: экспорт отдельных объектов и целых фреймов, выбор масштаба и формата — PNG, JPEG, SVG, PDF. Разбираются осмысленные имена файлов, пакетный экспорт нескольких фреймов и отправка готовых картинок в планировщик публикаций.

• Приёмы для контента: иконки, шаблоны, ленты и эффекты 10 уроков

  Практика оформления соцсетей: перекраска векторных иконок, адаптация макета под несколько размеров компонентами, наклейки и аватарки с масками, бесконечная лента, карусель, постер, фактуры металла и неоновые надписи.

  • Перекрашиваем иконки. Кривые7:28

    Как перекрасить скачанную векторную иконку: конвертация в SVG, разбор групп объекта и массовая смена цветов через панель Selection Colors. Новый цвет берётся пипеткой или hex-кодом, готовая иконка сохраняется в векторе (SVG) и в растровой копии повышенного разрешения (PNG).

  • Адаптируем контент. Делаем макет одновременно в трех размерах!11:03

    Два подхода к адаптации поста под новые размеры: ручная переверстка и шаблон на компоненте с настройкой Constraints. Копии компонента делаются в формате горизонтальной обложки и вертикальных сторис, а правка оригинала обновляет все размеры сразу. В результате пост перевыпускается в нескольких форматах после одной замены картинки и текста.

  • Аппликация в Фигме7:48

    Фотография превращается в аппликацию-наклейку: контур обводится пером Pen, фото обрезается маской через Use as Mask, объём добавляет эффект Drop Shadow. Перекраска через температуру и оттенки даёт разные наклейки из одной заготовки. Результат сохраняется в PNG без фона.

  • 3D-аватарка, выходящая за пределы фото6:18

    Сборка круглой аватарки, на которой человек будто выступает за край фото: портрет заранее вырезается в сервисе удаления фона, под него подкладывается фото с эллипс-маской, а плечи обрезаются инструментом Crop Image. Готовая аватарка экспортируется в PNG, в том числе на прозрачном фоне.

  • Трехмерный текст в картинке10:09

    Надпись вписывается внутрь фотографии между планами: контур хребта и силуэт ёлок обводится пером Pen и включается как маска, скрывающая часть текста. Объём добавляют тёмные эллипсы, размытые через Layer Blur. Итог — баннер с надписью, к которому добавляются подзаголовок и логотип.

  • Бесконечная лента в Инстаграм18:09

    Лента Instagram собирается как единая картина: большой фрейм с сеткой размечается слайсами на девять постов, а элементы на границах модулей связывают их между собой. Картинки вставляются массово через Place Image, часть занимает несколько модулей. Выделенные слайсы одной командой экспортируются отдельными файлами для публикации в заданном порядке.

  • Пост-карусель. Карусель с единой композицией на всех картинках14:22

    Карусель для Instagram собирается на одном длинном фрейме с модульной сеткой Layout Grid и слайсами 1080×1080. Круг со свечением, неоновая стрелка и клякса ставятся на стыках кадров: чтобы рассмотреть их целиком, нужно листать дальше. Финальный кадр завершается призывом к действию, все слайсы экспортируются в PNG.

  • Постер ВКонтакте10:52

    Пять квадратных картинок собираются в единую композицию для ВКонтакте: в ленте пост выглядит одним изображением, а при открытии раскрывается отдельными слайдами. Фотография растягивается на холст с сеткой и нарезается слайсами, каждая часть получает свою надпись с полупрозрачной подложкой и светящейся обводкой. Готовые слайсы экспортируются и публикуются в сообществе.

  • Фактуры. Пластик и металл19:40

    Пластик, серебро и золото имитируются без текстур — градиентами заливки и обводки, тенью Drop Shadow и бликами. Цвета снимаются пипеткой прямо из готового креатива, а подобранные сочетания сохраняются как стили. Результат — надпись под серебро или золото и приём переноса ощущения материала в собственный макет.

  • Неоновые надписи и элементы6:59

    Эффект неоновой вывески: почти белое ядро элемента и размытое цветное гало вокруг надписей и фигур на тёмном фоне. Показаны два способа свечения — дубль объекта с сильным размытием и Drop Shadow с нулевым смещением. Сохранённая комбинация эффектов применяется к надписям, сердцу и кругу без заливки.

Частые вопросы

Об этом курсе

• Подойдёт ли курс, если я никогда не работал с графическими редакторами?

  Да. Обучение начинается с регистрации, установки и обзора интерфейса, а каждый инструмент показывается на живом макете поста — от читателя не требуется подготовки.

• Figma платная?

  Редактор официальный и бесплатный: работает в браузере и как приложение на компьютере, проекты хранятся в облаке. Настольная версия нужна, чтобы использовать системные шрифты.

• В каких форматах можно сохранять готовые макеты?

  Доступны PNG, JPEG, SVG и PDF; для графики уроки советуют PNG. Несколько фреймов экспортируются за один раз отдельными файлами или архивом.

• Для каких соцсетей собираются макеты?

  Для Instagram — посты, сторис, бесконечная лента и карусель; для ВКонтакте — постер из пяти склеивающихся картинок и обложки сообщества. Форматы фреймов есть готовыми заготовками.

• Понадобятся ли платные сервисы?

  Нет: шрифты Google Fonts, фото Unsplash и Flaticon, конвертация CloudConvert и удаление фона Remove.bg используются в бесплатных пределах; о лимитах сервиса удаления фона сказано в уроке об аватарке.

• Можно ли переиспользовать сделанные макеты?

  Да: удачные заливки, тени и эффекты сохраняются как стили, шаблон на компоненте перевыпускает пост в новых размерах, а заготовки ленты, карусели и постера служат основой следующих публикаций.

Доступ и материалы

• Когда и как я получу доступ к курсу?

  Сразу после оплаты, в ту же секунду и автоматически. Ждать подтверждения не нужно. Доступ приходит двумя путями сразу. Первый: на почту, указанную при оформлении заказа, приходит письмо со ссылкой на материалы. Второй: та же ссылка появляется в вашем аккаунте на сайте, в разделе «Загрузки», и остаётся там постоянно.

• Где хранятся материалы курса?

  Все видео и дополнительные файлы лежат в облачном хранилище. Ссылка на него — в вашем аккаунте на сайте, раздел «Загрузки», и в письме, которое пришло после оплаты. Аккаунт здесь — не формальность, а способ доставки: курс остаётся в нём навсегда. Даже если письмо потерялось или вы вспомнили о покупке через год, ссылка будет на месте.

• Можно ли скачать материалы или только смотреть онлайн?

  Скачивать можно и нужно. Мы рекомендуем сохранить видео на компьютер и смотреть оттуда. Причина простая: облачное хранилище не рассчитано на просмотр видео. Иногда оно позволяет включить ролик прямо в браузере, но качество при этом заметно хуже исходного. На своём компьютере вы увидите курс таким, каким его записывали.

• Как долго действует доступ?

  Бессрочно. Курс остаётся вашим навсегда, возвращаться к нему можно сколько угодно раз. Если через год или два ссылка вдруг перестанет открываться по техническим причинам — напишите на info@siluette.com.ua, мы её восстановим.

• Письмо с доступом не пришло — что делать?

  Прежде всего: доступ у вас есть в любом случае. Войдите на сайт и откройте раздел «Загрузки» — ссылка на курс уже там, независимо от того, дошло письмо или нет. Чаще всего письмо теряется из-за опечатки в адресе при оформлении заказа. Ещё стоит заглянуть в папку «Спам». Не разбирается — не тратьте время: напишите на info@siluette.com.ua или в чат в правом нижнем углу сайта, мы поможем.

• На каких устройствах смотреть курс?

  Лучше всего на компьютере или ноутбуке: скачайте видео и откройте любым привычным плеером. Понадобятся установленные видеокодеки — на большинстве компьютеров они уже есть. Скачать курс можно на сколько угодно устройств. А вот телефон мы не советуем, и по двум причинам. На маленьком экране плохо видно детали, особенно если в уроке показывают интерфейс программы. И на телефонах часто нет кодеков для форматов, в которых записаны видео.

Оплата и возврат

• Какими способами можно оплатить?

  Банковской картой Visa, MasterCard или Prostir, через Google Pay, Apple Pay, Masterpass, Visa Checkout, платёжный QR-код, Botpay в Telegram или Privat24. Есть и оплата частями: Монобанк (3 или 4 платежа), А-Банк (2, 3 или 4 платежа и рассрочка), Банк Глобус (8 платежей), «Скибочка» от OTP Bank (3 платежа), мгновенная рассрочка и оплата частями от ПриватБанка.

• Примут ли карту, выпущенную не в Украине?

  Да. Платёжная система принимает карты из Евросоюза и любых других стран. Одна деталь, о которой часто забывают: банк может попросить подтвердить платёж — в мобильном приложении или кодом из СМС. Если оплата не проходит, проверьте приложение банка и сообщения.

• Как работает скидка 20% при покупке нескольких курсов?

  Добавьте в корзину два курса или больше — скидка применится автоматически ко всем товарам в корзине. Два курса: минус 20% на оба. Пять курсов: минус 20% на все пять. Скидка сочетается с любыми акционными ценами и действует на весь каталог без исключений.

• Можно ли вернуть курс или деньги?

  Цифровые товары возврату и обмену не подлежат. Это общее правило для всех электронных товаров в Украине — постановление Кабинета Министров № 172 от 19 марта 1994 года. При этом мы всегда на связи. Если доступ не открывается, ссылка перестала работать или файлы повреждены — напишите на info@siluette.com.ua, укажите дату и номер заказа. Восстановим. Если что-то непонятно в самом курсе, тоже пишите — подскажем.

• Можно ли оплатить от организации по счёту?

  Пока нет. Мы работаем только с частными покупателями — безналичной оплаты по счёту от юридических лиц сейчас нет.

Как проходит обучение

• Есть ли обратная связь с преподавателем и проверка заданий?

  Нет. Все курсы — это записи уроков для самостоятельного изучения: преподаватель не отвечает на вопросы и не проверяет домашние задания. Именно поэтому курсы стоят намного дешевле обучения с куратором. Вы получаете тот же материал, но занимаетесь сами и в своём темпе.

• Выдаётся ли сертификат?

  Да, цифровой сертификат — по запросу и бесплатно. Напишите на info@siluette.com.ua, укажите имя и фамилию ровно в том виде, в каком хотите видеть их в сертификате, и мы пришлём его в течение суток.

• Нужен ли опыт, чтобы начать?

  Для большинства курсов — нет. Они рассчитаны на начальный уровень и объясняют с азов. Если курс требует подготовки, это сказано в его описании.

• Есть ли сроки прохождения курса?

  Нет. Ни дедлайнов, ни расписания, ни сгорающего доступа. Скачали — смотрите когда удобно, с любыми перерывами.

• Можно ли поделиться курсом с другим человеком?

  Курс покупается для личного использования, и мы просим относиться к этому по-человечески: за каждым уроком стоит работа, а цена и так сильно снижена.

Поддержка

• Куда писать, если что-то не работает?

  Лучше всего на info@siluette.com.ua. Есть и чат в правом нижнем углу сайта, но почта надёжнее: там можно всё описать подробно и приложить скриншоты. Просьба: опишите, что именно вы делали и что пошло не так, и приложите снимок экрана с ошибкой. Так мы решим вопрос сразу, а не будем полдня выяснять, что произошло.

• Как быстро отвечает поддержка?

  В рабочее время, с 9:00 до 19:00, на почту обычно отвечаем в течение часа, в чате — за пару минут. После 19:00 тоже случается, но время ответа не обещаем.