Figma с нуля - Знакомство с программой | Веб дизайн. Урок 1
HTML-код
- Опубликовано: 10 июн 2024
- Урок о знакомстве с программой Figma с нуля! Основы веб (UI/UX) дизайна!
cloudlessons.ru/c/23969 - скидка 30% на курс «Супер Figma», действует только 2 дня!
В этом мини-курсе вы познакомитесь с основами работы в программе Фигма. Изучите основные инструменты и функции самого популярного графического редактора для веб и UI UX-дизайна. В конце мини-курса вы создадите первый экран сайта! Урок 1 из 8.
Скачать Figma: www.figma.com/downloads/
Автор курса: Максим Кузнецов (www.behance.net/Dexo)
Канал автора: / psforceru
Подробнее о курсе от команды VideoSmile.ru:
Курс разработан таким образом, что вы изучите Figma на практике, создавая веб-сайты, интерфейсы и приложения. Под руководством автора вы познакомитесь с возможностями программы и создадите крутые работы для своего портфолио.
Дополнительно в курс мы включили главы по основам графического дизайна и финальную главу о том, как успешно начать карьеру в веб-дизайне.
После успешного прохождения курса вы сможете брать свои первые заказы на фрилансе или устроиться джуниором (младшим специалистом) в студию.
В курсе вас ждёт:
- 40 практических занятий
- Сертификат о прохождении курса
- Никаких ограничений по времени
- Обратная связь и кураторство
- Чат в Telegram
00:00 - Вступление
00:08 - об авторе курса и возможностях
03:30 - вход в Figma
07:15 - интерфейс
14:00 - интерфейс файла
16:20 - панель инструментов
24:35 - названия файлов и доступы
27:40 - режимы
28:20 - основы Frame Tool
31:00 - ресурсы помощи
32:10 - главное меню
48:30 - меню Preferences
50:00 - начало практики
Сайт: videosmile.ru
Telegram: t.me/videosmile_ru
ВК: ru_videosmile
Instagram: / videosmile_school
Facebook: / videosmile
#figma #videosmile
Сайт с курсом «Супер Figma»: cloudlessons.ru/v/400
«Супер Figma» - это обучающий курс по дизайну сайтов, сервисов и мобильных приложений в программе Figma для начинающих
В курсе вас ждёт:
- 40 практических занятий
- Сертификат о прохождении курса
- Никаких ограничений по времени
- Обратная связь и кураторство
- Чат в Telegram
Автор курса: www.behance.net/Dexo
Переходите на сайт с курсом, чтобы узнать все подробности!
Спасибо вам огромное за помощь вы учите хорошо не останавливайтесь продолжая в том же духе
наконец-то я нашёл нормальное объяснения для новичка, который первый раз Фигму видит! Спасибо! А то у всех других - клацнул там, не понятно где, сочетание клавиш нажал непонятно каких и начал с того что уже было на экране. Хорошо что здесь всё по шагам показывают! Всё! Добавляю этот курс в избранное, буду по нему учиться! :)
Как я тебя понимаю)))
Да да 🤣🤣🤣
Прочитала свои же мысли!😅 Самый хороший урок для новичка из всех, что я видела))
научились?
И ещё приговаривают: это так просто!!!
Профессионал, обладающий талантом грамотной передачи материала. Благодарю вас за отличную работу!
Автору этого мини курса - огромное спасибо! Я человек который первый раз открыл фигму... мне было комфортно смотреть и слушать человека) Сидела повторяла и записывала))) отличный урок! Пойду смотреть дальше.
Рады стараться!
Обратите внимание на наш полный курс по Figma, он также хорош - ruclips.net/video/vX3lNi0IAUI/видео.html ; )
Здравствуйте. Как скачали?
@@user-ye4lb4kl4b я не скачивала, смотрела прям здесь в онлайне.
@@user-ye4lb4kl4b Легко. Поставь ss перед yo.
Я всегда записываю,но потом,это сложно читать,потому что я пишу больше схематично, но это морально даёт уверенности,записано,сделано
Мне 12 и с таким как вы это просто шедевр, всё понятно и очень классно вы подаёте мысль на правильное действие.
Какой же приятный урок. Очень правильный темп повествования, также все очень понятно объясняется - лайк и подписка однозначно. Очень понравился первый урок пойду дальше смотреть.
Огромное СПАСИБО )) Наконец-то нашла УЧИТЕЛЯ с большой буквы)) Все понятно, доходчиво и просто)) Появилось огромное желание что-то создавать)) Успехов ))
Столько всего пересмотрела... И наконец-то нашла нормальную информацию для новичка,прям все объяснили.
Благодарю 🌞
Урок по делу, без воды. Спасибо!
Присоединяюсь, спасибо вам за необыкновенно понятные разьяснения и чудесную подачу материала.
Спасибо огромное! Самое нормальное и доходчивое объяснение, которое я только видела! Очень круто, у вас талант преподавать.
Спасибо большое!
Благодарю вас, все четко, понятно, интересно для самых-самых новичков
Разжевал каждую кнопку. Огромное спасибо за такую работу, теперь и вправду всё понятно!
Рады стараться!
Присоединяйтесь к нашему общему CG чату в telegram - t.me/videosmile_chat ; )
Классный урок. Наконец то нашел толковое обучение по фигме с нуля! Благодарю )
Лучшее видео по Фигме, которое нашла! Единственное, если бы масштаб побольше (интерфейса программы).
Спасибо!
Спасибо большущее! Обалденный курс- так детально,спокойно,круто просто👍👍👍
Спасибо большое за этот урок , за возможность научится ! Самое лучшее и понятное объяснение !)
Лучший обзор! Спасибо!
Благодарю от всей души! До вас я думала, что фигма не для меня😅 А вы все так просто и доходчиво объясняете, что мне удалось сразу же создать симпатичную картинку🙏
Круто!
Присоединяйтесь к нашему CG чату в telegram - t.me/videosmile_chat ; )
Спасибо,максимально полезные уроки!!!Большое спасибооооооо)))
Огромное спасибо за урок!
Спасибо большое Максим! Очень информативно и понятно! Учусь в институте на граф. дизайн в мультимедиа, начали изучать фигму, но ваше объяснение в 10000 раз лучше того, что дают нам 💗💗💗💗
Огромное спасибо!
Присоединяйтесь к нашему CG чату в telegram - t.me/videosmile_chat ; )
Установил программу, запускаю и вижу "go to the browser to complete login"
Аккаунт на сайте есть, всё в порядке, но Figma настойчиво не пускает и просит перейти в браузер
Уже несколько раз перелогинивался, всё бестолку
Как решить эту проблему?
@@Russ0phobe дать разрешение на всплывающие окна, дальше обратно в приложение перекинет
@@sashakim4722 ,а я уже по-другому решил:
Скачал Яндекс браузер и сделал его основным по умолчанию
После этого Figma запустилась без проблем и я вернул Хром обратно на своё место
Невероятно! Огромное спасибо за урок !!!!! Мастер!
Отличная подача материала, все ясно, понятно, структурировано! Спасибо от души!
Рады стараться!
Обратите также внимание на наш полный курс по Figma - ruclips.net/video/vX3lNi0IAUI/видео.html
Спасибо большое!!! Понятное объяснение, очень интересно, нет лишний информации и "воды", всё только по делу 👍
Рады стараться!
Присоединяйтесь к нашему общему CG чату в telegram - t.me/videosmile_chat ; )
Спасибо за урок ❤ Все максимально доступно и понятно
Рады стараться!
Прекрасный урок для начинающих.Очень доходчиво!
Рады стараться!
Классный и понятный урок. Большое тебе спасибо за него.
Спасибо большое!
Отличный урок!
Как всегда во время ) спасибо
Благодарю за хороший урок👍
Шикарный урок! Большое спасибо!
Спасибо большое за обратную связь! Рады стараться ; )
Мегаполезно для новичков, лайк подписка.
Урок ващщщеее огонь ! Огромное спасибо учителю . Как же все понятно., буквально на пальцах все объяснил .
Спасибо большое! Рады стараться!
очень граммотно объяняете. Все по делу. Спасибо!
Спасибо, отличный видеоурок!
Рады стараться!
Спасибо за уроки!
Жалко, что лайк можно поставить только один раз 😊 Классное видео!Всё, кто пришёл из 'Содействия занятости' ставь👍
Огромная благодарность автору за видео!!❤ Просто, понятно, пошагово. Неделю промучилась с разными видосами и самостоятельным тыкантием с нулевым результатом. 👍👍👍🙏
Рады стараться!
Рекомендуем также обратить внимание на полный курс по Figma - cloudlessons.ru/v/400/
дякую, зрозуміло і просто для тих хто знайомиться вперше ))
Хорошие курсы для начинающего, прочитал много материала, тренируюсь.. тут прямо все в точку без лишней воды как у других.. и все поделу.
Благодарю ❤️
Успехов вам!!!
Спасибо! И Вам успехов!
Спасибо за ваш труд )
Спасибо за такое понятное объяснение. Подписалась и буду учиться по Вашим видео👍🏻
Рады стараться!
Присоединяйтесь к нашему общему CG чату в telegram - t.me/videosmile_chat ; )
супер! спасибо! интересно было
Супер урок! Спасибо 🍀
Рады стараться!
Очень интересный урок!
Большая благодарность, друг!)
Спасибо ; )
Благодарю, всё понятно и последовательно. Понравилось)))
Рады стараться ; )
учусь на курсе месяц дуб дубом, а здесь за час научилась простым вещам. Спасибо!!!!!
Рады стараться!
Также есть полный курс по Figma, с чатом и кураторами - ruclips.net/video/vX3lNi0IAUI/видео.html ; )
Очень имформотивно и просто обисняете, спасибо за урок🙂
Рады стараться!
Обратите также внимание на наш полный курс по Figma - cloudlessons.ru/v/400/
Спасибо за урок👌
Скачать Figma: www.figma.com/downloads/
вопрос к пользователям фигмы, а как в фигме сделать "пухлую" иконку в стиле meego os, как было на nokia n9, может есть какие то быстрые кнопочки крутилочки?, как вот с квадратом скругление углов, может и "выпуклость" сторон тоже как то быстро редактируется, просто сколько искал информацию и на русском и на англ языке чет ничего толком не нашел, только в иллюстраторах всяких
Огромное вам спасибо. Урок супер.
Спасибо!
Спасибо большое за урок очень информативно!
Рады быть полезными, спасибо за фидбек! :)
Ну вы прям как чувствовали) Уже отложил денюжку на суперфигму)
Спасибо, мне понравилось учиться с вами
Рады стараться!
Спасибо большое за такое объяснение, я до этого видео вообще ничего не понимала , а сейчас имею представление о программе.
Круто!
Спасибо тебе огромное,я выучил html и css,и понял что без знание веб дизайна далеко не уюду
счастливый человек, а я только в начале пути изучения html и css, и оочень ленивая попа, да еще и плохо усваиваю, раза три повторю, тогда только понимать начинаю. Надеюсь все таки тоже дойду до конца
@@mi1an0 привет, есть успехи?
Спасибо сенсею, все очень понятно, только слишком быстро, мы новички не успеваем😊
Спасибо огромное 😍 а стоит ли ждать в будущем подобный курс по Sketch?
По Sketch пока не планировали, но всё может быть)
Ребята! Желаю вам достойный заработок! Спасибо за вашу работу!
П.с. И с праздником! 🌟⭐🌟
Я тоже Максим Кузнецов
Круто. Я подписался.
Молоток) классно делаешь
Спасибо! Залетайте на основной курс - ruclips.net/video/vX3lNi0IAUI/видео.html
Обьясняете очень хорошо, доходчиво и понятно. Спасибо вам за это. Только вопрос - как сохранить проект? Как сделать предпросмотр своего новоипеченного сайта? Где брать ссылку на сайт для пользователя? Буду благодарна за ответ
Это божественно! Лучший урок из всех, очень помогло!
Спасибо!
Спасибо 🙏 😉
классное объяснение для новичков
Рады стараться!
урок шикарный, хотелось бы что бы при записи вы делали курсор побольше и как то его выделяли(например он бы светился каким нить цветом) а то если смотреть видео и одновременно повторять за вами то теряешь его из виду
Спасибо за обратную связь! Учтём на будущее ;)
спасибооо👏🏻
Спасибо!👍
Мастер! Топ!
Я на втором курсе по веб-разработке. Нам дали возможность разработать свой сайт и я решилась взять на себя дизайн главной страницы. Ни разу не открывала фотошоп в своей жизни. Мой отец открыл мне фигму, так что сейчас буду учиться)
Супер!
Присоединяйтесь к нашему общему CG чату в telegram - t.me/videosmile_chat ; )
Первое видео, в котором действительно рассказывают про навигацию. Ясно, четко и понятно!! А то все обещают быстрое изучение, а по факту сплошные дебри и все вскользь. Нет понимания откуда и что взялось. А тут разжевали и в рот положили!!! Круто! Спасибо автору за проделанную работу. Буду смотреть следующие видео!!
Правильно, зачем самой что-то делать, исследовать? Лучше чтоб разжевали и в рот положили)
Супер! Спасибо!!!!👍
Рады стараться!
Обратите также внимание на наш полный курс по Figma, он до 2 марта со скидкой 40% - cloudlessons.ru/v/400/
так здорово смотреть, всё понятно и очень интересно. Приходится изучать, многие работодатели требуют знание фигмы. спасибо!
Приятно слышать! Рады стараться!
Спасибо за контент! Начал изучать графический дизайн по вашим видео.
Подскажите пожалуйста , почему не появляются точки для скругления внутри фигуры как у Вас?
Нужно масштаб фигуры сделать больше. Либо масштаб экрана уменьшить)
Отличные уроки! Спасибо за труд!!! Подскажите, на 17:40 мин как вы сделали появление окна слева внизу? На маке этого нет…
Привет, вопрос- в данном конструкторе есть возможность сохранять/экспортировать HTML ?
Ты лучший
Спасибо за урок. А как добиться дублирования "Гарячих клавиш" ( панелька внизу слева)?
Спасибо!
Спасибо!!!!!!!!!!❤
Рады стараться!
Присоединяйтесь к нашему общему CG чату в telegram - t.me/videosmile_chat ; )
thank u.
Просто спасибо
Рады стараться.
друзья, а в новой figma, только, что скачал отдельной кнопки "browse templates" нету?
так как вся панель перенеслась на верх, верно?
спасибо
34:46 show version history в другом месте, (над рабочим столом) а в этом меню ее нет.
информативно
Спасибо!
Доброго дня!! Дякую за контент і відео))
Питання: я друкую текст, і коли я очікую, що текст перенесеться на наступний рядок, текст пишеться на тому самому рядку. Auto-height ставила, міняла шрифт і тд. Ладно, якби це на одному проєкті так було, але я створюю новий проєкт, і та сама проблема. Що можна зробити?
Спасибо за видео. Есть вопрос, не пойму почему при копировании квадрата у меня слева под вкладкой frame пишет только 1 раз rectangle, и потом при выделении на картинке выделяет все старые и новые квадраты, соответсвенно не выходит округлить края. Спасибо
Долго искал подобное объяснение Figma. Но что делать если у меня нет точек для скругление квадрата или других фигур
Зашел посмотреть обучение по Фигме, но почему-то всю дорогу ловил себя на мысли, что рассказывают про Фотошоп, наверно профдеформация)))
А если без шуток, отлично всё рассказано.
Спасибо, рады стараться! ;)
Добрый день. Большое спасибо за подачу информации. Все четко и понятно. Подскажите , не могу установить приложение Фигма. Выдает ошибку 404 если ввести адрес страницы вручную . А по ссылке переход на скачивание не активный (не синий, а черный) . Как исправить?
Как я рада, а полный курс будет?
Да, готовим к выпуску
Спасибо за видео. В конце когда начал практиковаться, хотел покрутить треугольник, а у он у меня зажимался только с группой фигур, а когда нажимаю на треуголник два раза, то он даёт только изменить угол. Как его отдельно из группы отключить? Что я сделал не так? :))
Топ без прайса!
крутой мужик
paste over selection ctrl+shift+v - это вставка по выделению курсора т.е вы копируете сначала что хотите вставит и потом нажимаете курсором участок и нажимаете ctrl+shift+v. Я так понял.