Figma с нуля до котика | Урок для начинающих дизайнеров

Тәжірибелік нұсқаулар және стиль

Видеоурок по работе с программой Figma для начинающих. Обучение в Фигме с 0.
Основы веб (UI/UX) дизайна!
В этом видео Ксюша Есипова, спикер марафонов и курса по веб-дизайну от Логомашины, рассказывает, как пользоваться основными инструментами программы Figma. Урок отлично подойдёт тем, кто ни разу не открывал эту программу или графические редакторы в целом.
Подготовим открытку для инстаграмм, с котиком, текстом и фотографией.
за 30 минут.
Будем использовать инструменты фигмы. Просто повторяй за экспертом на видео и у тебя все получится!
Ссылка на регистрацию на день рождения Логомашины в июне, с подарками для дизайнеров в телеграм
salebot.site/lmbirthday_1?utm...
Ссылка на установку Figma: www.figma.com/downloads/
В этом видео я покажу вам основные шаги, которые нужно предпринять, чтобы начать работать с Figma. Мы рассмотрим все ключевые аспекты, которые помогут вам создавать красивые и профессиональные макеты. Вот что мы будем изучать:
Установка и настройка Figma: Я покажу вам, как скачать и установить Figma на ваш компьютер, а также поделюсь некоторыми полезными настройками, которые помогут вам повысить эффективность работы.
Интерфейс и инструменты: Разберем основные элементы интерфейса Figma и функциональность каждого инструмента. Вы узнаете, как использовать слои, группировку, выравнивание, инструменты рисования и многое другое.
Работа с макетами: Я продемонстрирую вам, как создавать и управлять макетами в Figma. Вы узнаете о сетках, направляющих, масштабировании и адаптивности, чтобы создавать удобные и гибкие дизайны.
Совместная работа: В Figma вы можете совместно работать с другими дизайнерами и командами. Я расскажу вам о функциях совместной работы и совместного редактирования, чтобы вы могли легко делиться своими проектами и получать обратную связь.
Интеграции и плагины: Figma предлагает широкий спектр интеграций и плагинов, которые могут улучшить ваш опыт работы. Я покажу вам некоторые полезные инструменты, которые помогут вам ускорить и улучшить ваш рабочий процесс.
Это только некоторые из ключевых тем, которые мы рассмотрим в этом видео. Независимо от того, являетесь ли вы начинающим дизайнером или хотите узнать больше о Figma, я уверен, что вам понравится и найдете много полезной информации в этом видео.
Не забудьте подписаться на мой канал, чтобы получать больше интересных видео о дизайне и современных инструментах. Благодарю вас за просмотр, и до скорой встречи в следующем видео!
---
01:00 Вводный урок по фигме
04:20 Создаем фрейм
06:40 Рисуем котика
22:20 Готовим фон фрейма
22:45 Готовим текст
28:50 Вставляем фотографию
37:30 Экспорт подготовленного поста

Пікірлер: 71

  • @karina-db2qd
    @karina-db2qd Жыл бұрын

    Как классно и доступно для новичка, кажется, прямо сейчас пойду и всё сходу идеально сделаю😆 Было очень приятно вас слушать)

  • @ffff-nx3wy
    @ffff-nx3wy2 жыл бұрын

    Девушка-преподаватель молодец

  • @user-hn7dz8rv9q
    @user-hn7dz8rv9q2 жыл бұрын

    Спасибо большое , очень полезное видео )Жду не дождусь следующего ))))

  • @user-zg7hw8gr6d
    @user-zg7hw8gr6d Жыл бұрын

    Огромное СПАСИБО! Я все поняла и сделала открыточку. Сама бы не справилась.... Тыкалась, тыкалась и бросила это дело. Вы мне очень помогли !

  • @elenachudakova9578
    @elenachudakova9578 Жыл бұрын

    Большущее спасибо! Суперский урок! Все понятно)

  • @user-me8ql4zy4t
    @user-me8ql4zy4t2 жыл бұрын

    Спасибо за урок! всё очень доступно и понятно

  • @rhamep
    @rhamep Жыл бұрын

    Спасибо! Теперь можно спокойно понаделывать открыток на любой праздник!

  • @natashalukadea-t1941
    @natashalukadea-t19412 жыл бұрын

    Очень хороший урок, спикер прекрасно рассказывает😍

  • @flo_werart243
    @flo_werart2432 жыл бұрын

    Клааас! Давайте еще подобное по фигме )))

  • @user-fj3or6cb8j
    @user-fj3or6cb8j2 жыл бұрын

    Какая прелесть!!! Спасибо!!!

  • @user-vm9eb1dh2v
    @user-vm9eb1dh2v2 жыл бұрын

    Спасибо! Отличный урок! Все понятно.

  • @user-qh5fr3yo1w
    @user-qh5fr3yo1w2 жыл бұрын

    Ну просто супер. Я очарован. Так просто рассказать о figma.

  • @mitochondriac5050
    @mitochondriac50503 сағат бұрын

    Спасииибооооооо!!!! Получилось !! 🥺🙏🏼

  • @dyrnayadama
    @dyrnayadama Жыл бұрын

    Спасибо за урок! Немножко тупила, но так всё поняла и сделала милую открытку с коричневым котиком и оранжевым градиентом.

  • @user-nq7lz3wv2p
    @user-nq7lz3wv2p Жыл бұрын

    Спасибо за урок.хорошее обьяснение.все понятно

  • @scvirtix
    @scvirtix2 жыл бұрын

    о спасибо, как раз хотел начать работать в фигме

  • @allasosnina8341
    @allasosnina83412 жыл бұрын

    Спасибо все доходчиво и лаконично

  • @juliamail5276
    @juliamail5276 Жыл бұрын

    Спасибо, Ксюша )) 👍

  • @user-cp3ue3ym2c
    @user-cp3ue3ym2c2 жыл бұрын

    спасибо, очень доступно объяснили

  • @lena_robot
    @lena_robot11 ай бұрын

    Очень понятно и интересно! Спасибо большое! ❤

  • @user-qd2zf4ts3q
    @user-qd2zf4ts3q2 жыл бұрын

    Спасибо!!!💜

  • @loksyka
    @loksyka Жыл бұрын

    Не поняла как выделять два элемента, чтобы после объединить их в группу.

  • @daria_stroganova_
    @daria_stroganova_2 жыл бұрын

    спасибо, в целом, получилось - понятно объяснили. только почему-то не вышло всё сделать во фрейме поста инстаграмм. когда двигала его в слоях на самый верх, котик бледнел(( ну, и всё остальное тоже. пришлось вручную выставить слои так, чтобы всё отображалось корректно и объединить просто в одну группу, и уже её экспортировать. будем разбираться, что пошло не так, но уже не сейчас - притомилась, у меня это заняло значительно больше времени, чем идёт видео))

  • @Brillen00
    @Brillen006 ай бұрын

    Большое спасибо! Это лучший урок по Figma для новичков

  • @user-xx6st4of2p
    @user-xx6st4of2p8 ай бұрын

    Мне нравится, что сразу практика, обожаю!!

  • @lyubanyashka
    @lyubanyashka Жыл бұрын

    Огромное спасибо за видео! У меня получилось нарисовать котика и вышло так удачно, что я сделала из него стикер в телеграме, которым теперь пользуются друзья! Подскажите, а как научиться создавать картинки самостоятельно, а не по образцу? Срисовать у меня теперь получится, но хотелось бы научиться придумывать самой

  • @user-my1wd3py9q
    @user-my1wd3py9q Жыл бұрын

    Святая женщина, спасибо огромное 😅😅😅😅

  • @user-bk3ow8te7k
    @user-bk3ow8te7k4 ай бұрын

    Спасибо за урок, за вдохновение и полезные советы.

  • @Galla_Grattage
    @Galla_Grattage2 жыл бұрын

    Меня одну все занятие оставшиеся напрягало Учитья вместо УчитьСя?

  • @user-jh1up3um6r
    @user-jh1up3um6r Жыл бұрын

    Скажите, пожалуйста в этом приложении бесплатный доступ не ограничен?

  • @mycherry5050
    @mycherry50502 жыл бұрын

    Здравствуйте, спасибо большое за урок! Не совсем поняла откуда сердечко взялось, а потом когда фиолетовый круг вставляла в рамку, текст «все получится» почему то остался на белом фоне…. 👩‍💻

  • @kseniaes

    @kseniaes

    2 жыл бұрын

    Сердечко я просто скопировала из телеграмма, это просто смайлик:) Про фон белый под текстом - проверь, что у тебя нет заливки у прямоугольника, который вокруг него! Скорее всего там белый остался!

  • @user-ig9bi7yo5e
    @user-ig9bi7yo5e8 ай бұрын

    А почему у меня фигма по-другому выглядит ничего не понятно?

  • @nati_nati8
    @nati_nati82 жыл бұрын

    Сколько популярных преподавателей UX UI пересмотрела - вы понятнее всех объясняет. Спасибо! Скажите, а как линейку (разметку) файла сделать, как у вас на экране?

  • @user-im8ef5kh8b

    @user-im8ef5kh8b

    2 жыл бұрын

    Вы разобрались с вопросом?

  • @user-if6dq8lc8h
    @user-if6dq8lc8h2 жыл бұрын

    Я люблю Марету

  • @user-lk8so6lw4s
    @user-lk8so6lw4s Жыл бұрын

    Почему у меня не получается вставить это сердееечкооо, уже откуда только не копировала его??((

  • @oksanapodolskaya9618
    @oksanapodolskaya96183 ай бұрын

    Спасибо огромное ,Ксюша ,вы очень хороший учитель! Я смогла всё, кроме ,как поставить сердечко в один слой с надписью)))

  • @SmachnayaASS
    @SmachnayaASS Жыл бұрын

    21:08 - cat is finished !

  • @Anya-Forger_
    @Anya-Forger_ Жыл бұрын

    Спасибо посмотрела , посмеялась. С таким простым и и легким приложением справится 10ти летний ребенок.

  • @arishadeen8385
    @arishadeen8385 Жыл бұрын

    Крутое объяснение. Жаль что фигма не на русском. Быстрее бы можно было разобраться самому))

  • @nosn0w
    @nosn0w2 жыл бұрын

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

  • @idkwidi7467

    @idkwidi7467

    Жыл бұрын

    возможно уже поздно, но все равно отвечу, нужно в настройках фрейма в панели справа нажать галочку рядом с "Clip content", таким образом элемент скроется за границами фрейма :)

  • @Elena-wu1sg
    @Elena-wu1sg2 жыл бұрын

    ребят, я не знаю объясняется ли это дальше по ходу видоса, но кто так же задался вопросом о том как быстро менять зум ctrl + колесико мышки (на винде))

  • @user-qb5yn5pu9w

    @user-qb5yn5pu9w

    2 жыл бұрын

    Ещё ctrl "+" и ctrl "-"

  • @Lemoony14
    @Lemoony14 Жыл бұрын

    Как выделить 2 элемента без объединения их мышкой? Когда я нажимаю Ctrl + G у меня сразу создается группа с одним элементом, а 2 выделить никак не выходит

  • @irina_kkk

    @irina_kkk

    Жыл бұрын

    Вариантов несколько. Можно зажать shift и выбрать нужные элементы в панели слоев. Второй вариант - зажать shift и кликнуть на два нужных элемента во фрейме. А дальше уже объединять в группу. Кстати, таким же образом можно и перемещать несколько элементов одновременно

  • @Vika-sq7gj
    @Vika-sq7gj2 жыл бұрын

    Здравствуйте я Вика интересное видио

  • @user-iv9hu5zz8o
    @user-iv9hu5zz8o2 жыл бұрын

    А что делать, когда просит подписку? Выбрать start for free?

  • @smmemshica

    @smmemshica

    2 жыл бұрын

    Да

  • @user-su7ou4oy1n
    @user-su7ou4oy1n2 жыл бұрын

    Здравствуйте! Скажите, пожалуйста, почему текст не получается вставить? Кликаю внутри, и ничего. Я час сидела над этим🤦😥

  • @user-im8ef5kh8b

    @user-im8ef5kh8b

    2 жыл бұрын

    Разобрались?

  • @user-qh5fr3yo1w

    @user-qh5fr3yo1w

    2 жыл бұрын

    Скорее всего он у вас скрыт верхним слоем. Поднимите слой с текстом наверх.

  • @r_guliaev
    @r_guliaev Жыл бұрын

    Название нереально умилительное🥺

  • @user-tq5rt4wv2j
    @user-tq5rt4wv2j2 жыл бұрын

    как объединили усики я не поняла, так же, как и объединили лапки

  • @illustriel

    @illustriel

    Жыл бұрын

    группировка усов ctrl+g а сложить -сверху посредине два квадрата и там Union Selection

  • @Lemoony14

    @Lemoony14

    Жыл бұрын

    @@illustriel у меня на ctrl+g сразу создается группа из 1 усика, как выделить 2?

  • @Sabinaa158
    @Sabinaa158Ай бұрын

    У меня вообще не получается найти создать картинку

  • @user-sf5ex2pb7j
    @user-sf5ex2pb7j Жыл бұрын

    я не поняла как копировать объекты 😢

  • @illustriel

    @illustriel

    Жыл бұрын

    с кнопкой альт

  • @FAKKER_rap
    @FAKKER_rap2 жыл бұрын

    Анимация там же делается?

  • @kseniaes

    @kseniaes

    2 жыл бұрын

    Какие-то базовые анимации можно настроить в фигме, через прототипирование. И есть плагины, которые помогают делать прямо посложнее штуки! Но вообще для анимации используют другие программы, где больше возможностей ( например, After Effects)

  • @Spiritwsk

    @Spiritwsk

    2 жыл бұрын

    Плагин Figmotion, можно сделать достаточно неплохие анимации, хорошо подойдёт для анимации Аппок. Если надо что-то быстро сделать и не тратить особо времени.

  • @user-qh5fr3yo1w

    @user-qh5fr3yo1w

    2 жыл бұрын

    @@kseniaes Хорошая вещь Афтер, но у меня анимация персонажа не получилось.

  • @xxx_qyqx_xxx
    @xxx_qyqx_xxx Жыл бұрын

    Я так и не поняла как зарегаться..(

  • @stels_karl
    @stels_karl10 ай бұрын

    найс урок

  • @and3499
    @and349911 ай бұрын

    кто тоже с интенсива?

  • @Aya_artsunais
    @Aya_artsunais Жыл бұрын

    тоже не понимаю как вставить сердечко в текст😭

  • @user-yv8fr9nw1x
    @user-yv8fr9nw1x2 жыл бұрын

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

  • @user-qh5fr3yo1w

    @user-qh5fr3yo1w

    2 жыл бұрын

    Нормально всё рассказывает. Есть такой термин. Учись играючи. Вот так она и учит.

  • @user-qw2lt9ol1i
    @user-qw2lt9ol1i Жыл бұрын

    Не обзывайте мою Мию

Келесі