Версия для слабовидящих
Ru/En
центр современного
инновационного
образования
+7 (499) 390-64-64
09:00 - 21:00
г Москва Семеновская пл. д.7
info@csio-dpo.ru
+7 (499) 390-64-64
Открыт набор
Бесплатно

Auto Layout в Figma: создание адаптивных карточек для интерфейсов

Открыт набор
Бесплатно
Многие макеты в Figma выглядят аккуратно только до первого изменения текста или структуры — после этого карточки «ломаются», элементы съезжают, а редактирование превращается в ручную работу. Причина — отсутствие системного подхода и неправильное использование Auto Layout. На вебинаре вы разберёте, как создавать не статичные, а гибкие и адаптивные карточки, которые корректно реагируют на изменения контента. Вы научитесь работать с отступами, выравниванием, режимами Hug, Fill и Fixed, а также выстраивать логичную структуру элементов. В результате вы сможете ускорить работу в Figma и повысить качество своих интерфейсов.
Живое обучение начинается
с преподавателя
Мы показываем, как проходят занятия и как объясняют наши эксперты. Смотрите видео и убедитесь в качестве обучения заранее.
Реальные впечатления слушателей
От коротких видео до подробных письменных историй — наши слушатели честно рассказывают, чему научились и как изменились их возможности. Убедитесь в качестве обучения из первых уст
Учеба без лишних забот
Хотите начать прямо сейчас? Мы предложим рассрочку и удобные варианты оплаты, чтобы вы учились спокойно
Настоящее общение
не записи
Уроки проходят с преподавателями, в формате, который удобен именно вам — очно, заочно или онлайн. Всегда живой диалог и реальная практика
О курсе
Программа
Вопрос-ответ
Отзывы
Оплата
Правила возврата

Практическое обучение с реальной пользой


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

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

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

Что вы освоите

  • Понимание принципов работы Auto Layout в Figma
  • Навыки создания адаптивных карточек для интерфейсов
  • Работу с отступами, выравниванием и структурой элементов
  • Понимание режимов Hug, Fill и Fixed и их применения
  • Логику построения вложенных элементов
  • Подход к созданию устойчивых и гибких макетов

Формат и результат

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

Кому будет полезен курс

Вебинар подойдёт начинающим дизайнерам, студентам и всем, кто только осваивает Figma, а также специалистам с базовым опытом, которые хотят систематизировать знания и улучшить качество своей работы. Материал будет полезен тем, кто стремится создавать не просто визуальные макеты, а продуманные и гибкие интерфейсные элементы.
  • Введение в тему
    • Краткое знакомство с Figma как инструментом интерфейсного дизайна, его возможностями и областью применения в современных проектах.

  • Постановка задачи
    • Разбор проблемы статичных карточек, которые теряют структуру при изменении контента, и объяснение необходимости системного подхода.

  • Знакомство с Auto Layout
    • Объяснение базовой логики Auto Layout: направление элементов, внутренние отступы, расстояния и выравнивание внутри блока.

  • Основные параметры Auto Layout
    • Разбор режимов Hug, Fill и Fixed и их роли при создании адаптивных элементов интерфейса.

  • Структура карточки
    • Формирование структуры карточки, логика расположения элементов и организация вложенности для удобной работы.

  • Практическая сборка карточки
    • Пошаговое создание адаптивной карточки с демонстрацией настроек и принципов построения.

  • Проверка адаптивности
    • Анализ поведения карточки при изменении текста, состава элементов и размеров контейнера.

  • Компонентный подход
    • Введение в создание компонентов и объяснение их роли в работе с повторяющимися элементами.

  • Частые ошибки
    • Разбор типичных проблем при работе с Auto Layout и их влияние на структуру и гибкость макета.

  • Итоги вебинара
    • Подведение итогов и фиксация ключевых принципов работы с адаптивными интерфейсными элементами.

Почему вебинар бесплатный?
Бесплатный вебинар — это возможность познакомиться с темой, преподавателем и подходом центра без финансовых вложений. Мы проводим такие встречи, чтобы дать полезную информацию, ответить на базовые вопросы и помочь людям сориентироваться: нужна ли им более глубокая программа по этой теме.
Дают ли сертификат после вебинара?
Да, слушатели могут получить сертификат участника. Он выдаётся только тем, кто был на вебинаре в прямом эфире. Чтобы получить документ, нужно обратиться к методисту учебного центра.
Будет ли запись вебинара?
Да, запись доступна после проведения. В карточке вебинара появляется кнопка «Запросить запись» — ею могут воспользоваться даже те, кто не участвовал онлайн.
Могу ли я задавать вопросы преподавателю?
Да. Вебинары проходят в живом формате, вы можете писать вопросы в чат, а преподаватель отвечает в конце или по ходу занятия.
Где проходят вебинары и нужно ли что-то устанавливать?
Вебинары проходят на платформе Пруфми. Устанавливать программу не нужно — достаточно открыть ссылку в браузере. Подключение работает на любом устройстве: телефон, ноутбук, планшет. Главное — стабильный интернет.

Задайте свой вопрос

Напишите всё, что вас интересует — специалисты ЦСИО ответят и помогут разобраться в любом вопросе.

Задайте свой вопрос

Политика возврата денежных средств


Настоящая Политика регулирует порядок возврата оплаты за обучение по всем формам обучения (очная, очно-заочная, заочная с применением ДОТ) и разработана в соответствии с:
– Федеральным законом «Об образовании в Российской Федерации»;
– Законом РФ «О защите прав потребителей»;
– Постановлением Правительства РФ № 1441 «Об утверждении Правил оказания платных образовательных услуг»;
– условиями договора об оказании платных образовательных услуг между ЦСИО и Слушателем.

Политика направлена на то, чтобы правила возврата были прозрачными, понятными и одинаковыми для всех.

1. Возврат средств до начала обучения


Если Слушатель отказывается от обучения до даты начала программы, ЦСИО возвращает оплаченные средства за вычетом фактически понесённых расходов, предусмотренных Постановлением № 1441.

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

2. Если Слушатель не приступил к занятиям и не уведомил ЦСИО


Если Слушатель был зачислен на программу, но не приступил к занятиям и не сообщил об отказе заранее:
  • ЦСИО вправе удержать все фактически понесённые расходы, возникшие до момента начала обучения;
  • возврат возможен, но его размер зависит от объёма затрат, понесённых центром для подготовки программы и резервирования места.
Чем позже сообщён отказ — тем выше объём понесённых расходов и тем меньше сумма возврата.

3. Возврат средств во время обучения


Слушатель вправе отказаться от обучения в любой момент. Возврат средств осуществляется пропорционально той части программы, которая не была освоена.

Порядок расчёта:
  • определяется стоимость одного учебного часа (общая стоимость программы делится на общее количество часов);
  • рассчитывается количество часов, которые Слушатель прошёл или получил доступ к ним (в том числе к материалам и записям);
  • удерживается стоимость этих часов;
  • удерживаются фактически понесённые и документально подтверждённые расходы (см. раздел 4);
  • оставшаяся сумма возвращается Слушателю.
Такой подход соответствует ст. 32 Закона РФ «О защите прав потребителей» и п. 32 Правил № 1441.

4. Какие расходы вправе удерживать ЦСИО


В соответствии с Постановлением Правительства РФ № 1441 Исполнитель вправе удержать только фактически понесённые и документально подтверждённые расходы, связанные с исполнением договора об оказании платных образовательных услуг.

К таким расходам относятся:
  • организационно-административные затраты: приём и обработка документов, заключение договора, зачисление, формирование группы, резервирование места, сопровождение Слушателя;
  • подготовка образовательного процесса: разработка и подготовка учебных материалов, формирование и утверждение расписания, методическое сопровождение, создание и настройка технических доступов (при использовании ДОТ);
  • обеспечение условий обучения: аренда помещений, оплата труда преподавателей и персонала, обеспечение инфраструктуры и техническая подготовка;
  • расходы, понесённые до момента получения от Слушателя уведомления об отказе, даже если он не приступил к занятиям.
ЦСИО не удерживает штрафы, пени и иные не обоснованные суммы — только реальные, подтверждённые затраты, связанные с подготовкой и оказанием образовательных услуг.

5. Возврат после окончания обучения


После завершения программы возврат возможен только в случаях, предусмотренных законодательством Российской Федерации и договором, в том числе:
  • образовательная услуга оказана не в полном объёме;
  • имели место подтверждённые нарушения условий договора со стороны Исполнителя;
  • обучение проводилось с существенным нарушением установленных сроков или обязательств.
Если обучение полностью оказано и Слушатель получил доступ ко всем материалам, посещал занятия или не заявил претензий в установленный договором срок (например, 14 календарных дней после окончания обучения), возврат не производится.

6. Порядок оформления возврата


Для оформления возврата Слушателю необходимо направить заявление на электронный адрес ЦСИО: info@csio-dpo.ru

В заявлении указываются:
  • ФИО Слушателя;
  • название программы обучения;
  • дата и способ оплаты;
  • причина отказа (для корректного расчёта суммы возврата);
  • банковские реквизиты или данные карты для перечисления средств (если возможно по правилам платёжной системы).
ЦСИО рассматривает заявление в срок до 10 рабочих дней, рассчитывает сумму возврата с учётом фактически оказанных услуг и понесённых расходов и уведомляет Слушателя о результате.

Возврат осуществляется только плательщику и только безналичным способом.

7. Возврат по способам оплаты


7.1. Банковские карты, переводы, оплата по счёту, QR-код

При оплате банковской картой, банковским переводом, по счёту или через QR-код возврат осуществляется на ту же карту или счёт, с которых была произведена оплата. Срок зачисления средств зависит от банка и обычно составляет от 5 до 30 календарных дней после проведения операции возврата.

7.2. Яндекс Pay, Сплит/долями, рассрочки банков

Если оплата была произведена через платёжные сервисы (Яндекс Pay, сервисы Сплит/долями, рассрочки банков и другие платформы), возврат осуществляется в соответствии с правилами соответствующей платёжной системы:
  • сервисы Сплит/долями, как правило, отменяют будущие списания и возвращают уже уплаченные доли согласно своим условиям;
  • банки по программам рассрочки уменьшают задолженность Слушателя или пересматривают график платежей;
  • сроки и порядок возврата определяются правилами платёжной системы или банка.
ЦСИО со своей стороны оформляет и подтверждает возврат в платёжной системе, однако не может изменить установленные ею сроки и порядок обработки операций.

8. Когда возврат не производится


Возврат денежных средств, как правило, не осуществляется, если:
  • образовательная услуга оказана в полном объёме в соответствии с договором и программой;
  • Слушатель не заявил претензий в установленный договором срок после завершения обучения;
  • Слушатель нарушил условия договора, и это сделало невозможным дальнейшее обучение;
  • Слушателю был предоставлен полный объём материалов и услуг по программе, а фактически понесённые расходы ЦСИО равны стоимости обучения.
Формат обучения
Количество ак. часов
Продолжительность
Стоимость (руб.)
Формат обучения
Дистанционная
Количество ак. часов 2
Продолжительность 1 занятие
Стоимость (руб.) Бесплатно
Формат обучения Группа от 5 чел
Количество ак. часов
2
Лекционные часы: 2
Часы самостоятельной работы: 0
Продолжительность
1 занятие
Одно занятие: 2 часа
Стоимость (руб.) Бесплатно
Верните 13% за обучение
Часть стоимости курса можно вернуть через налоговый вычет — разберём, как это работает и кто может получить
Учитесь на лучших условиях
Следите за специальными предложениями и выбирайте программу по сниженной цене. Отличный шанс начать обучение уже сегодня
Карта москвича —
ваш ключ к выгоде
С картой москвича учиться в ЦСИО ещё удобнее: скидки и льготы действуют на многие программы. Развивайтесь и экономьте одновременно

Расписание

Дистанционная
Дата начала 24.04.2026
Формат обучения Группа от 5 чел
Режим обучения с 14:00 - 15:30
Место обучения Онлайн
Стоимость Бесплатно

Преподаватели

Должность:
Преподаватель цифрового дизайна и UX/UI
Квалификация:
Высшее образование — Цифровой дизайн
О преподавателе:
Работает в сфере цифрового дизайна, помогая превращать идеи в понятные и удобные интерфейсы. Специализируется на UX/UI и веб-дизайне, проектировании пользовательских сценариев и создании визуальных решений для цифровых продуктов. Участвует в полном цикле разработки — от анализа задачи и прототипирования до подготовки макетов для передачи в разработку. В работе сочетает системный подход, понимание бизнес-целей и внимание к визуальной логике интерфейсов. На занятиях делает акцент на практической работе, современных инструментах и формировании навыков, которые позволяют создавать востребованные цифровые решения и уверенно развиваться в профессии.

Советуем пройти с этим курсом

О центре
Слушателям