Изучение Figma (Фигма) с нуля / Урок #2 - Фреймы, объекты и рисование

Начиная с этого урока мы приступаем к разработке дизайн проекта в программе Figma. За урок мы научимся создавать фреймы, добавлять Grid систему, расставлять объекты и рисовать объекты самостоятельно.
✅ Полезные ссылки:
- Урок на сайте itProger: itproger.com/course/figma/2
- Курс по реализации дизайна на практике: itproger.com/course/android
⏰ Тайм-коды:
00:00 - Начало
00:25 - Реализация на практике
00:50 - Основные элементы программы
05:17 - Создание фрейма
11:15 - Система сеток
14:02 - Боковая панель
17:40 - Создание кнопки
20:35 - Редактирование объектов
29:00 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

[@user-qd5ck3nq7b]

Спасибо огромное за уроки для начинающих. Буду разбираться.

[@rewindthelifetape]

с вашей подачи просто влюбилась в фигму! спасибо большое за такое понятное объяснение, я просто кайфую

[@NewManDIY]

Спасибо за урок! 🔥🔥🔥

[@user-uu8ob9hb5u]

Спасибо! Все понятно. Вы можете научить любого! Браво!

[@Elizabeth-zr7dj]

Огромнейшее Вам спасибо!

[@multur]

Очень полезное видео для новичка, спасибо :) Подарило желание пособирать что-нибудь свое, по итогу 2-3 дня просто делала какие-то базовые вещи - порисовала фон, панель инструментов для мобильного приложения, лого, блоки с текстом, причём в свое удовольствие. Вот, пока наигралась, вернулась за остальными видосами

[@user-gx5fi1sk1k]

Огромное спасибо! Четко и понятно, завтра буду со вторым уроком заниматься. Подписка и лайк!

[@wanderhelagen6509]

Спасибо большое за уроки!

[@user-gr1mp5sm1t]

Благодарю за урок ❤. Очень мне помогло.

[@encanto3356]

Спасибо)))) Очень полезно и доступно.

[@SeoAudits-fv3nn]

как база для новичков идеально, спасибо!

[@user-go8jt4jg7u]

спасибо большое за урок

[@Kristina-zn3co]

Спасибо!

[@mr-ganimurat]

ЖДУУ ПРОДОЖЕНИЯ

[@kunaimturlibekova7902]

Благодарю ❤❤❤

[@nestartup]

Давай ещё !

[@user-pi8qc9em7g]

++

[@ekonomka_]

Дякую, дуже корисні відео)

[@user-ou5bn7sx7i]

круто)

[@evgenika7472]

Спасибо

[@Ismail-Askar555]

супер!

[@user-rw3tu6zi3p]

А так за уроки спасибо

[@nakamasama]

Было бы интересно посмотреть как создавать интерфейсы не только для андроида и сайта, но и для обычной программы

[@antonpromax]

Согл

[@istar_bs]

Так же)

[@nadejdamalih7680]

Спасибо за фигму. У меня не получился контур ,отступление в квадрате с 2ух сторон,почему?

[@vffuunnyy]

прошу сделайте сигну, я ваш фанат

[@user-pe8qt8ru4k]

Почему не полностью описываете свои действия? Вернее не аргументируете почему именно так сделали?

[@nikitasafiyev5331]

давай ещё урок

[@xtr1al]

Подскажи пожалуйста, можно ли в новый проект юнити загрузить готовую карту в формате obj? Я сделал ее на телефоне, а можно в юнити запихнуть, или надо отднльно в юнити опять делать?

[@user-xt7jl6mq4u]

Хороший вопрос! Прошло два месяца после вашего заданного вопроса а ответа всё еще никто не написал тут увы. Дайте знать плз если кто ответит выделив меня тут. Или быть может за два месяца вы нашли ответ на свой вопрос?!

[@user-nu2jl8zk3w]

а можно импортировать лого или прочие сложные формы сюда из люстры? именно рисовать тут гемор

[@kontentua]

У меня почемуто не меняется на другой цвет. как ето зделать

[@user-rk8uz4kj5m]

Создай ролик где ты пишешь мессенджер! Если ты создаёшь то это разрыв ютюба.

[@user-ho1ey1lq9m]

Здравствуйте, сколько стоит разработка сайта?

[@chapaevartem]

Верстка одно, а дизайн другое

[@user-wy7fr1op2q]

Лаер голд у меня нету этой кнопки.

[@user-bk9wi9le6d]

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

[@Vikky-500]

Слева на панели со слоями поменяйте их местами

[@Vikky-500]

Слева на панели со слоями поменяйте их местами

[@user-bk9wi9le6d]

@@Vikky-500 благодарю!

[@user-to5el1yk1s]

Почему на сайте у тебя нет бесплатного тарифа?

[@user-ql7yn5lq2w]

бро у меня есть

[@user-gp6dl8yp7z]

в ютубе есть много уроков куда лучше что за детский сад с кубиками и овалами

[@ohjelmistokehittaja4446]

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

[@user-ne5fb9bq1e]

Не удаляется эта линяя когда нажимаю кнопку del,подскажите что не так??

[@user-eg9oi3dl5q]

Видимо не подскажут

[@Noname-wu6by]

Нужно выйти с режима построении линии, тогда удалится

[@Tivew]

Спасибо большое за видео. Но есть такой вопрос: почему нельзя рисовать дизайн приложения сразу в HTML? Пока по мне рисование в Figma - двойная работа

[@user-fw5qx1zc6b]

понял вас, лучше выполнить двойную работу чем получить в результате не пойми что

[@OcenivayKoteni]

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

[@Tivew]

@@OcenivayKoteni по мне рисовать в Figma тяжелее, чем в HTML

[@OcenivayKoteni]

@@Tivew так чтобы получить результат как в фигме, нужно же еще css написать. В общем, думаю если одинаковое количество опыта иметь в обоих делах, то фигма именно для граф дизайнера более понятна будет, нежели освоить html и css

[@Ivaninho]

Вау, ништяк!

[@user-eg9oi3dl5q]

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

[@OlegFantik]

Я. хочу сделать. обычный. типичный. закутуешеный мультик. Кто знает как сделать?

[@user-oh1eg9nz7c]

Скажите, в чем отличие Figma от CorelDraw?

[@nakamasama]

Как я понял, вы сами пользоваться Гуглом не можете, иначе сами бы смогли загуглить. Как я смог найти, Figma - сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени, а CorelDraw - графический редактор векторной графики (если быть короче - аналог Фотошопа или Пеинта). А теперь объясню не терминами а по-человечески: первое для создания интерфейсов программ (подходит дизайнерам программ и программистам), а второе для рисования (подходит художникам). Эти программы не взаимозаменяемы - одно во втором не сделаешь. Ещё, как я вычитал, в пакет CorelDraw входит несколько программ: от пеинта до делалки скринов. --- Проведу такую аналогию: сравнивать Figma и CorelDraw всё равно, что сравнивать Visual Studio и MS Word соответственно. Думаю, так точно будет всем понятно!

[@user-oh1eg9nz7c]

@@nakamasama Если бы вы попробовали использовать CorelDraw и Figma, то всего этого не писали...

[@nakamasama]

Хочу ещё добавить, что я сам владею 12 сертификатами по 12 ЯП, но программирую только на двух: С++ и Питон. Остальные я уже забыл... Так что я знаю, о чём пишу.

[@user-xt7jl6mq4u]

@@nakamasama Здраствуйте. Сможете разработать ПО аналогичную фигме или корелу?

[@nakamasama]

@@user-xt7jl6mq4u А зачем изобретать велосипед? Скажу честно: после просмотра курса я сам немного поработал в Фигме, хотел разобраться на опыте. Не вижу смысла создавать ещё одну программу, у которой будут только автора отличаться и названия проектов.

[@mr-ganimurat]

Гоша как будто понимает мой мысли я недавно хотел создать макеты в Figma

[@user-up2js6fy4j]

Слушай Гош. Я хочу создать мощную 3д игру под пк. На каком движке и языке делать. Подскажи плиз.

[@nakamasama]

Если хочешь мощную, тогда только UE (т.е. Unreal Engine), который работает только с С++. Под "мощное" ввиду имеется то, что будет очень тяжёлое (10ГБ+) и нужно будет оптимизировать - подразумевается, что игра будет очень популярна и продаваться в тридорога (может, даже рейтинги побъёт). В любом другом случае выбирай Unity с С# - подразумевается игра лёгкая (3ГБ-), торознутая и, скорее всего, игра для детей. Сам я пользовался Godot'ом. Если интересно, почитай, что это за движок такой. Сам я, в первую очередь, советую Godot а во вторую UE, но Godot новый движок и врядли получится мощная игра, но в любом случае там есть поддержка 3D и игра будет лучше, легче и быстрее, чем такая же созданная на Unity. Дальше выбирай сам

[@user-up2js6fy4j]

@@nakamasama Спасибо за совет. С# знаю плохо, но хорошо знаю С++. Движок думаю что Unreal Engine так как я офигел от её графики; там так всё красиво что я влюбился. Кстати на UN не только мега тяжолые игры. А даже если то можно опцию сделать где графику на низко можно. Ещё раз спосибо за совет.

[@PathfinderEG]

@@user-up2js6fy4j Мда... гугл видимо сдает позиции раз о таких вещах как движок для игр которых по факту штук 5 узнают из ютюб чата

[@user-rw3tu6zi3p]

Не знаю как всем но мне кажется 30 мин это много. Надо время сократить там 20 мин сделать, просто не привычно что один урок идет там допустим 10 мин а другой целых 30 мин

[@MariaIvanova777]

У меня сетка не появляется. Полезла в Гугл, даже он не помог. Надоели эти уроки, где у автора все работает, а у меня нет.

[@TemhaN_UwU]

Значит сама чето нажала и потом ещё жалуешься

[@Elsie_Game]

​@@TemhaN_UwU Так и есть

[@user-eg9oi3dl5q]

Необходимо выделить в левой колонке фигмы фрейм(frame) , у него значок (#) увидете что у вашего объекта будет синяя обводка и в правой колонке фигмы нужно найти layout grid нажать либо на него либо чуть правее будет (+) и появляется сетка, там уже меняете сетку как вам нужно

[@bestanimalchannel]

Я первый

[@W.tolgyn]

Слишком много воды

[@user-up2js6fy4j]

Привет чатик

[@user-gr1zz1kc3y]

Спасибо!