Изучение Figma (Фигма) с нуля / Урок #2 - Фреймы, объекты и рисование
HTML-код
- Опубликовано: 19 май 2024
- Начиная с этого урока мы приступаем к разработке дизайн проекта в программе 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
с вашей подачи просто влюбилась в фигму! спасибо большое за такое понятное объяснение, я просто кайфую
Очень полезное видео для новичка, спасибо :)
Подарило желание пособирать что-нибудь свое, по итогу 2-3 дня просто делала какие-то базовые вещи - порисовала фон, панель инструментов для мобильного приложения, лого, блоки с текстом, причём в свое удовольствие. Вот, пока наигралась, вернулась за остальными видосами
Спасибо огромное за уроки для начинающих. Буду разбираться.
Спасибо! Все понятно. Вы можете научить любого! Браво!
Спасибо за урок! 🔥🔥🔥
Огромное спасибо! Четко и понятно, завтра буду со вторым уроком заниматься. Подписка и лайк!
Спасибо большое за уроки!
Огромнейшее Вам спасибо!
Благодарю за урок ❤. Очень мне помогло.
Спасибо)))) Очень полезно и доступно.
как база для новичков идеально, спасибо!
Дякую, дуже корисні відео)
Благодарю ❤❤❤
спасибо большое за урок
Давай ещё !
++
ЖДУУ ПРОДОЖЕНИЯ
Спасибо!
круто)
Спасибо
супер!
А так за уроки спасибо
Было бы интересно посмотреть как создавать интерфейсы не только для андроида и сайта, но и для обычной программы
Согл
Так же)
Спасибо за фигму.
У меня не получился контур ,отступление в квадрате с 2ух сторон,почему?
прошу сделайте сигну, я ваш фанат
Подскажи пожалуйста, можно ли в новый проект юнити загрузить готовую карту в формате obj? Я сделал ее на телефоне, а можно в юнити запихнуть, или надо отднльно в юнити опять делать?
Хороший вопрос! Прошло два месяца после вашего заданного вопроса а ответа всё еще никто не написал тут увы. Дайте знать плз если кто ответит выделив меня тут. Или быть может за два месяца вы нашли ответ на свой вопрос?!
Почему не полностью описываете свои действия? Вернее не аргументируете почему именно так сделали?
Создай ролик где ты пишешь мессенджер! Если ты создаёшь то это разрыв ютюба.
давай ещё урок
У меня почемуто не меняется на другой цвет. как ето зделать
а можно импортировать лого или прочие сложные формы сюда из люстры? именно рисовать тут гемор
Подскажите, пожалуйста. Почему при создании круга, он оказывается позади прямоугольника и как вывести его на передний план?
Слева на панели со слоями поменяйте их местами
Слева на панели со слоями поменяйте их местами
@@Vikky-500 благодарю!
Здравствуйте, сколько стоит разработка сайта?
Верстка одно, а дизайн другое
Лаер голд у меня нету этой кнопки.
Не удаляется эта линяя когда нажимаю кнопку del,подскажите что не так??
Видимо не подскажут
Нужно выйти с режима построении линии, тогда удалится
Почему на сайте у тебя нет бесплатного тарифа?
бро у меня есть
Спасибо большое за видео. Но есть такой вопрос: почему нельзя рисовать дизайн приложения сразу в HTML? Пока по мне рисование в Figma - двойная работа
понял вас, лучше выполнить двойную работу чем получить в результате не пойми что
Потому что сначала делается дизайн, чтобы согласовать с заказчиком, а если вы будете писать код каждый раз для согласования, то работодатель разорится на кодерах
@@OcenivayKoteni по мне рисовать в Figma тяжелее, чем в HTML
@@Tivew так чтобы получить результат как в фигме, нужно же еще css написать. В общем, думаю если одинаковое количество опыта иметь в обоих делах, то фигма именно для граф дизайнера более понятна будет, нежели освоить html и css
в ютубе есть много уроков куда лучше
что за детский сад с кубиками и овалами
Дударь хорош, можно сказать уникален, чтоб быстро получить первоначальное представление, и понять нужно ли это тебе вообще.
Я. хочу сделать. обычный. типичный. закутуешеный мультик. Кто знает как сделать?
То же за то чтобы если уж и беретесь расаказывать что да как с нуля то будьте добры еще и демонстрировать...
Сказали удаляем линию, а как огромный вопрос...я так понимаю вы продвигаете свои уроки, но если так коряво преподавать вред ли кто возьмёт.
Скажите, в чем отличие Figma от CorelDraw?
Как я понял, вы сами пользоваться Гуглом не можете, иначе сами бы смогли загуглить. Как я смог найти, Figma - сервис для разработки интерфейсов и прототипирования с возможностью организации совместной работы в режиме реального времени, а CorelDraw - графический редактор векторной графики (если быть короче - аналог Фотошопа или Пеинта). А теперь объясню не терминами а по-человечески: первое для создания интерфейсов программ (подходит дизайнерам программ и программистам), а второе для рисования (подходит художникам). Эти программы не взаимозаменяемы - одно во втором не сделаешь. Ещё, как я вычитал, в пакет CorelDraw входит несколько программ: от пеинта до делалки скринов.
---
Проведу такую аналогию: сравнивать Figma и CorelDraw всё равно, что сравнивать Visual Studio и MS Word соответственно. Думаю, так точно будет всем понятно!
@@nakamasama Если бы вы попробовали использовать CorelDraw и Figma, то всего этого не писали...
Хочу ещё добавить, что я сам владею 12 сертификатами по 12 ЯП, но программирую только на двух: С++ и Питон. Остальные я уже забыл... Так что я знаю, о чём пишу.
@@nakamasama Здраствуйте. Сможете разработать ПО аналогичную фигме или корелу?
@@user-xt7jl6mq4u А зачем изобретать велосипед? Скажу честно: после просмотра курса я сам немного поработал в Фигме, хотел разобраться на опыте. Не вижу смысла создавать ещё одну программу, у которой будут только автора отличаться и названия проектов.
Вау, ништяк!
Гоша как будто понимает мой мысли я недавно хотел создать макеты в Figma
Слушай Гош. Я хочу создать мощную 3д игру под пк. На каком движке и языке делать. Подскажи плиз.
Если хочешь мощную, тогда только UE (т.е. Unreal Engine), который работает только с С++. Под "мощное" ввиду имеется то, что будет очень тяжёлое (10ГБ+) и нужно будет оптимизировать - подразумевается, что игра будет очень популярна и продаваться в тридорога (может, даже рейтинги побъёт). В любом другом случае выбирай Unity с С# - подразумевается игра лёгкая (3ГБ-), торознутая и, скорее всего, игра для детей. Сам я пользовался Godot'ом. Если интересно, почитай, что это за движок такой. Сам я, в первую очередь, советую Godot а во вторую UE, но Godot новый движок и врядли получится мощная игра, но в любом случае там есть поддержка 3D и игра будет лучше, легче и быстрее, чем такая же созданная на Unity. Дальше выбирай сам
@@nakamasama Спасибо за совет. С# знаю плохо, но хорошо знаю С++. Движок думаю что Unreal Engine так как я офигел от её графики; там так всё красиво что я влюбился. Кстати на UN не только мега тяжолые игры. А даже если то можно опцию сделать где графику на низко можно. Ещё раз спосибо за совет.
@@user-up2js6fy4j Мда... гугл видимо сдает позиции раз о таких вещах как движок для игр которых по факту штук 5 узнают из ютюб чата
Не знаю как всем но мне кажется 30 мин это много. Надо время сократить там 20 мин сделать, просто не привычно что один урок идет там допустим 10 мин а другой целых 30 мин
У меня сетка не появляется. Полезла в Гугл, даже он не помог. Надоели эти уроки, где у автора все работает, а у меня нет.
Значит сама чето нажала и потом ещё жалуешься
@@TemhaN_UwU Так и есть
Необходимо выделить в левой колонке фигмы фрейм(frame) , у него значок (#) увидете что у вашего объекта будет синяя обводка и в правой колонке фигмы нужно найти layout grid нажать либо на него либо чуть правее будет (+) и появляется сетка, там уже меняете сетку как вам нужно
Я первый
Привет чатик
Слишком много воды
Спасибо!