ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Подробный курс по Фигме. Урок 6 - Привязки (constraints) в Figma
ฝัง
- เผยแพร่เมื่อ 14 ส.ค. 2024
- #alexeybychkov #ityoutubersru #figma
Привет! Это подробный, понятный, интересный и бесплатный курс по Фигме :) Уроки без воды и по делу на обычном языке и на живых рабочих примерах! Посмотрим как устроены привязки (constraints) в Figma.
00:00 - для чего нужны привязки
1:15 - у каких элементов есть привязки
2:28 - менюшка привязок с черточками
3:25 - создаем форму с привязками заново
8:00 - пример привязок и адаптива текстового блока
10:23 - привязки в дизайне мобильных приложений
11:47 - пример хренового UI-кита
12:04 - фиксированный элемент при скроле
💰❤️ Поддержать канал:
бусти - boosty.to/alex... - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.ne...
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
Содержание курса:
Урок 1 - [2021] ⚡ Аккаунт, история версий, мультипросмотр • [NEW] 🔥 Обзор интерфей...
Урок 2 - [2021] ⚡ Гамбургер меню, предпочтения • [NEW] 🔥 Обзор меню, по...
Урок 3 - [2021] ⚡ Инструменты и калькулятор • [NEW] 🔥 Инструменты и ...
Урок 4 - [2021] ⚡ Слои, маски и массовое переименование • [NEW] 🔥 Слои, маски и ...
Урок 5 - [2021] ⚡ Сетки. Bootstrap. 8 px grid - • [NEW] 🔥 Модульные сетк...
Урок 6 - Привязки - • Подробный курс по Фигм...
Урок 7 - Компоненты #1. Простые примеры - • Подробный курс по Фигм...
Урок 8 - Компоненты #2. Сложные примеры - • Подробный курс по Фигм...
Урок 9 - Компоненты #3. Рокировка - • Подробный курс по Фигм...
Урок 10 - Компоненты #4. Иконки и адаптив - • Подробный курс по Фигм...
Урок 11 - Компоненты #5. Адаптив через дубликат - • Подробный курс по Фигм...
Урок 12 - Выравнивания, Tidy Up - • Подробный курс по Фигм...
Урок 13 - Текст - • Подробный курс по Фигм...
Урок 14 - Цвет, градиенты, изображения - • Подробный курс по Фигм...
Урок 15 - Обводка и эффекты: блюры, тени, бордеры - • Подробный курс по Фигм...
Урок 16 - Библиотека команды - • Подробный курс по Фигм...
Урок 17 - Прототипы в Фигме - • Подробный курс по Фигм...
Урок 18 - Панель кода и экспорт - • Подробный курс по Фигм...
Урок 19 - Ссылка на проект - • Подробный курс по Фигм...
Урок 20 - Плагины - • Подробный курс по Фигм...
Урок 21 - [2021] ⚡ Auto Layout в Фигме - • Уже не новый Auto Layo...
Урок 22 - [2021] ⚡ Варианты - • Figma Variants как пол...
Урок 23 - [2021] ⚡ FigJam - • [NEW] 🔥 FigJam - онлай...
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне чуть больше 30 лет, женат на прекрасном человеке и у нас чудесная дочка. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 15 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov....
15 лет опыта - alexeybychkov....
Пишу - alexeybychkov....
Дизайню - alexeybychkov....
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Таймкоды:
0:13 - для чего нужны привязки
1:15 - у каких элементов есть привязки
2:28 - менюшка привязок с черточками
3:25 - создаем форму с привязками заново
8:00 - пример привязок и адаптива текстового блока
10:23 - привязки в дизайне мобильных приложений
11:47 - пример хренового UI-кита
12:04 - фиксированный элемент при скроле
не понимаю людей, которые говорят: фигму можно выучить за час или пять. Конечно, если использовать ее на уровне фотошопа, рисовать отдельно каждую карточку товара, адаптивить инпуты отдельно и передвигать мелки элементы тоже по отдельности, тогда да - проще некуда, зачем она вообще нужна) но чем больше смотрю Ваши уроки, тем больше убеждаюсь, что Фигма - это очень мощный и далеко не простой инструмент, который нужно изучать неделю, а то и больше чтобы реально пользовать Фигмой, а не возможностями фотошопа в другой оболочке
я вот смотрю видео и пробую на практике. Создал карточку, сделал ее компонентом, поместил фото, теперь изменяю ширину, а фото я так понимаю считается фреймом потому что уменьшается пропорционально карточке, как это изменить?)
надеюсь все это приходит с практикой, чтобы чувствовать ее как фотшоп, а то эти привязки капец как подбешивают, оочень не привычно, но Спасибо за Ваши уроки, иду смотреть следующий)
Так в привязках нужно смотреть чего там стоит у фотографии. Если уменьшается, значит scale. А чтобы не уменьшалось нужно привязать к углу, но получится странное поведение
Спасибо! СУПЕР! Каждый раз убеждаюсь, что у тебя отличная манера подачи информации.
Спасибо)
Такие уроки кайфовые) Наконец-то я поняла, что такое констрейнтсы
очень рад) есть обновленный курс по фигме от 2021 года
@@alexeybychkov_ да, я сразу оба смотрю)
Это очень круто и понятно!! Спасибо) Очень приятный голос
Спасибо!
Классная озвучка, приятный и нескучный голос и подача, 13 минут прошли незаметно!
очень рад)
У Вас потрясающая манера говорить, я всё время улыбаюсь)) Спасибо за то, что Вы делаете и за то, как Вы это делаете! Безумно полезно и интересно
Супер) Рад, что нравится!
🤟☀️🤟
Какие бомбездные уроки! Спасибо огромное. Я даже начинаю любить Фигму
🥳 супер
Аналогично!
Метод отрисовки svg в хроме слегка изменят и фигмы в одночасье не станет. Либо придётся оставаться на устаревшем движке
Лучший, обязательно запишусь к вам на курс!
супер) звучит круто)
спасибо вам огромное!!!!!!!!!
пожалуйста!
Самая лучшая подача, четко по теме, очень позитивно и не нудно- что самое прекрасное!!!! курс по фигме ( как для меня, которая хочет разобраться с нуля в программе)-шикарный, большое спасибо!
Спасибо) Рад, что нравится! Первый выпуск обновил, а пятницу выйдет 2-ой урок обновленный
Сверчки на фоне топчик!
И мне нравятся :)
Обожаю ваши уроки 👍
Шаг за шагом постепенно узнаю всё больше и больше, лишь благодаря вашему каналу, лучшему на мой взгляд каналу 🔥🔥🔥
Больших вам успехов, здоровья и процветания!
Привет из Казахстана 🇰🇿
привет) рад, что полезно
Алексей, огромная вам благодарность! Ваши уроки - как лучик света в океане безнадежности (я раньше на Фигму даже смотреть боялась). А привязки и организация файла (где фрейм делать, где группу, а где Auto layout - это самая непонятная часть была для меня)
Супер) Рад, что нравится контент!
Как я провела зиму? Написала комментарий под уроком про привязки :))
еее спасибо))
Спасибо за видос! Очень классный и полезный контент, который может понять даже такой новичок как я!😃😃😃😃
рад, что нравится!
Просто, лучшие уроки по фигме!Как поднаторею, обязательно приду на платный курс!
Спасибо) классный план!
Спасибо! Всё чётко и понятно. Юмор особенно доставляет)
Клево, когда не скучно))
Всегда классные и полезные видео и и главное всегда по делу без лишней воды с удовольствием всегда смотрю. Объяснение материала всегда на высоте. Спасибо, что вы пилите такие информативные видосики)) как тут не поставить лайкос.
Спасибо за просмотр!
Спасибо огромное за уроки, буду ждать ваших курсов по веб- дизайну👍
Спасибо за просмотр!
Как же много полезной инфы! Спасибо ОГРОМНЕЙШЕЕ! :)
Спасибо за коммент) рад, что нравится!
класс! спасибо, действительно полезный и понятный урок
Спасибо за просмотр)
Алексей, спасибо большое за столь внятное донесение информации по делу!)
рад, что нравится :)
Полезный урок, спасибо
Пожалуйста)
Ох, как же они важны)) Без них контент уходит в самоволку при малейших изменениях контейнера) классный уурок
а я не люблю фреймы)
Супер как всегда ,
хотел бы попросить если возможно еще видео в будущем , о том как ты рисуешь иллюстрации для проектов )
Спасибо)
Спасибо. Есть видео про иллюстрации в иллюстраторе th-cam.com/video/KWqgTlkDabk/w-d-xo.html
Алексей, огромное Вам спасибо! Порой бывает слишком быстро, но ничего)) есть перемотка))
Не за что. Да, в первых видео быстровато. Не мог подобрать комфортную для всех скорость (и для себя в том числе). Потом уже стал медленнее тараторить :)
Алексей, прошу вас чаше радуйте вашими уроками! И если вы можете сделайте курс по UI/UX дизайну мобильных приложений, где вы подробно расскажите про создание моб. приложений. Таких уроков практически нет на русском ютубе а если и есть, то они ограничены 4-6 экранами.
Спасибо) Тут такое дело, что я рассказываю про то, что во-первых, мне самому интересно (тогда и рассказывается легче, не приходится себя заставлять), а во-вторых про то, чем я сам занимаюсь, что я сам проверил, в общем, то чем пользуюсь постоянно. Мобильные приложения делаю раз-два в полгода-год. Поэтому я не хочу делать макет специально для ютуба, что-то там выдумывать, показывать дизайн того, что никто не заказывал на самом деле и учить такими вымышленными макетами других делать вымышленные макеты, понимаешь? :)
Примерно из той же оперы - прототипирование. Оно меня бесит.Ты не дизайном занимаешься, а читаешь текстовые задания, пытаешься все это представить в голове, с заказчиком созваниваешься, обсуждаешь по 100 раз, потом снова переделываешь. Не дизайн, а коммуникации. Вот это все не мое, поэтому и видосы про этом не снимаю, хотя в акшуре делал крутые динамические прототипы с кучей всяких ховеров и всплывашек, когда работал на дядю в офисе.
В общем пока рассказываю про то, что самому интересно. Аудитория растет потихоньку, поэтому если какая-то тема будет многих интересовать - пересмотрю свои приоритеты :) Вот например многие ждут уроки по афтер-эффекту, как я анимирую свои кейсы. Доделаю курс по Фигме, потом АЕ покажу серией видосов. Потом еще что-нибудь. Может так и до мобилок доберусь))
@@alexeybychkov_ Понимаю вас. А мысаль про автор эффектс классная. Я бы тоже с удовольствием посмотрел такие уроки. Я сейчас меняю профессия на дизайнера мобильных интерфейсов и как оказалось толковых уроков на Ютубе мало. Ещё могу вам посоветовать делать разборы работ (вы показываете мастер класс по создаю небольшого сайта визитки, или что-то в этом роде в течение 3-4 дней интенсивна. Где заодно знакомите с программой. А присланные работы потом разбираете) Думаю такой формат многим зайдет. Но правда он требует много времени от вас. Буду дальше продолжать смотреть ваши уроки! Спасибо вам за ваши знание и труды!
@@evgeni9973 Я пока не готов к такому формату :) Я же в первую очередь фрилансер, причем практикующий, т.е. делающий каждый день по 3-4-5 проектов (ну не в смысле за один день по 3-5 проектов, а вот утром блок-два по одному проекту, потому заказчик правки пришлет по другому проекту, затем еще немного по следующему проекту и т.д. В общем где-то в своих книгах подробнее рассказывал, как параллелить много проектов одновременно), а ютубом занимаюсь так для разнообразия :) Денег же он не приносит, поэтому, конечно, фрилансом я жертвовать пока не могу.
@@alexeybychkov_ отличные уроки, спасибо! А про АЕ анимацию-интеграцию на сайт, даже и не мечтал, очень жду!
Еще этим не пользовался, но уверен, что пригодится еще
100%)
Алексей, как всегда - огромное спасибо и лайк! Получаешь массу полезной информации, а между делом еще и "поржать" успеваешь 👍
Хорошо, что с пользой 🤟🏻
@@alexeybychkov_ ну да, все смеялся, и смеялся, а в итоге, бац, и Фигму начинаешь понимать 😂🤘
@@mariyamaslennikova8344 супер)
Еще одно спасибо от меня! Отличный урок.
Супер :) Рад, что нравится!
Спасибо! Все очень понятно и без размусоливаний лишних)
Рад, что понравилось ☀️
Супер ! Огромное спасибо за ваши видеоразборы.
Огромное не за что) Спасибо за просмотр и коммент)
С привязками отдельноии отношения у меня! Спасибо!!!
пожалуйста!
Потрясающе! Алексей, большое спасибо.
Пожалуйста)
спасибо! Очень полезное и информативное видео
Просто и понятно!
Супер) рад, что понравилось!
Спасибо, очень пригодятся твои полезности!
Ну класс) спасибо за просмотр)
благодарю)люблю ваши фишки)очень интересно было б увидить урок по разбору мобильного приложения или создание странички адаптива
рад, что нравится :) Мобилками я не занимаюсь, а вот адаптив какого-нибудь реального проекта в прямом эфире запишу
Спасибо вам большое за качественный материал !)
Рад, что понравилось :)
Почему это так просто? Я сломал голову над constraints, два дня ломал голову, а вы это так легко и просто объяснили за 13 минут. Вы наверняка по специальности преподаватель или учитель.
Рад, что помог) Не, я инженер-электроник. Это те, кто на заводе платы паяют для холодильников, телевизоров и тд. А я вот в дизайн пошел)
@@alexeybychkov_Я вообще (с) Стоматолог
спасибо большое! курс офигенный! уроки супер!
вот и хорошо :)
Вау! Я становлюсь умнее! Спасибо, Алексей! Информация структурирована, подается легко и непринужденно. И точно так же усваивается
Супер! Рад, что нравится!
Спасибо!!!! 🔥
пожалуйста!
Супер,отличный flow
ну класс)
Алексей, большое спасибо! Очень информативное видео. Только начал разбираться, поэтому Ваши видео суперполезны! Я таки поставил лайк под видосом про привязки)
Спасибо) рад, что нравится!
Спасибо!
Пожалуйста)
Super!
🤟
Лайк и спасибо Большущее) за урок!
спасибо за просмотр)
Спасибо, очень полезно и вовремя (для меня лично)
Ну класс) спасибо за просмотр!
Супер! Спасибо)))
рад, что понравилось)
Как же это упрощает работу )
О, а ты и старые ролики и сразу новые смотришь))
@@alexeybychkov_ Да )жду седьмой урок ))) а то боюсь что то упустить из старых уроков)
спасибо!
И тебе! 🤟🏻
Спасибо, оч полезно!
Рад, что понравилось
Спасибо шеф!
Не за что
Спасибо)
☀️
Топ👍спасибо бро
🥳
Побольше бы ваших уроков,вы не планируете в будущем ещё курсы? Хотелось бы курс по Тильде:)
Вот сейчас записываю курс по Аfter Effects - как сделать анимированную презентацию в портфолио. 3 урока уже есть на канале. Может потом еще какие курсы появятся
@@alexeybychkov_ Отлично!
Наконец то я осознал это
Спасибо за просмотр)
Спасибо вам за подробные и понятные объяснения. Правильно ли я понял, что привязки в 90% случаев используются для создания адаптивов?
да, они нужны во время изменения размеров фрейма. А чаще все это как раз адаптивы
Спасибо за урок! Алексей, возможно ли настроить auto layout с привязками? Нужен выпадающий список, который динамически расширяется в зависимости от содержимого. Никак не выходит сделать такой
Конечно, можно. Звучит очень просто. В этом же весь смысл автолейаута. Есть отдельное видео по нему th-cam.com/video/lrg5XlLWwsQ/w-d-xo.html
60 комментарий из 180, получается еще чу чуть и будет юбилей
Спасибо большое)
Алексей, подскажите пжлста, у меня хедер сам фрейм и находится во фрейме, но в констрейнс нет окошка fix position. Что я делаю не так?
нужно чтобы фрейм был вне других фреймов
Спасибо за урок!
Скажите, как менять границу фрейма, не трансформируя его содержимое?
Не за что :) Ctrl зажимать нужно 🚀
Привет! Все классно и понятно, только подскажи почему у меня не получается вынести слово город (13. 40)
Привет, не понял вопроса(
@@alexeybychkov_ я имела ввиду, как опустить границу фрейма, чтобы слово "город" было над ней? С зажатым shift? И ещё - вы клёвый!!!
А привязки нужны чтоб было удобно адаптировать только самому дизайнеру или верстальщику тоже?
верстальщики не адаптивят в фигме) сразу кодом все делают) Так что да, для дизайнеров
Алексей, вечера тебе спокойного.
Вопрос по видео. Если у меня блоки группами собраны, а не фреймами это важно для настроек?
Адаптив делать пытаюсь под 320-ый и на остальные потом.Из видео не понял этого.
привет. С фреймами много мороки, но для адаптивов они порой сильно лучше групп. Со временем каждый понимать начинает, когда ему что лучше использовать. Тут особо не насоветуешь, каждому свое)
С группами что то не получается как хотел. Надо и с фреймами попробовать, раз Сам Алексей говорит, что они для адаптива ловчее.
Алексей, вы на 4:21 говорите "или можно вообще вот так оставить" как вы спросили настройки полей текста? подскажите пожалуйста
двойной клик по рамке текста
Можно сделать отделый курс как сделать быстрый адаптив
да там же все просто)
Фоновые звуки леса сильно лучше чем с музыкой
Да, не сразу к этому пришёл :) как-то вычитал, что фоновую музыку добавляют тогда, когда тебя слушать тяжело. А если никто не просит музыку на фон ставить - значит нормально вещаешь :)
всё круто, но есть моментик, слушаю в наушниках, и на фоне твой микрофон ловит шум от Ионизатора воздуха, я так думаю.
может) этот курс я записывал на usb-шный микрофон, а они изначально хуже. Сейчас вещаю на хорошем с внешней звуковой картой.
а разница между constraints и autolayout какая? пока чтото не догоняю
Есть отдельный ролик про автолейаут th-cam.com/video/lrg5XlLWwsQ/w-d-xo.html
4:20, "или можно вот так вот сделать"
Как это сделать, кто-нибудь знает?
*Автор, спасибо!
Где можно купить курс по веб-дизайну?
Если есть у Вас такое есть 🌞
просто двойной клик по рамке и она становится дефолтного размера
здравствуйте подскажите пооожалуйста. Почему у меня во фрейме не работает конц. то есть у меня не горит 3 палочки только двеееее МНЕ НУЖНО РАЗОБРАТЬСЯ ПОЖАЛУЙСТА
значит внутри начинка не растягивает на ширину фрейма
Спасибо!
Как вы разламываете компонет? 03:33
ctrl + alt + B.
Мастер разломать нельзя. Если нужно - делаем копию, ломаем копию, удаляем мастер = разломанный мастер :) по другому пока никак. Либо через плагин figma.help/plugins/detach-master/
@@alexeybychkov_ получилось,спасибо! Без вас как без рук в изучении Фигмы =)
@@Ksantaaa ☀️
Спасибо за урок. Один вопрос: привязки только для дизайнера устанавливаются, чтобы рабочий процесс упростить? Или они потом верстальщику необходимы для чего-то? То есть, если я, допустим, собираю макет вообще без учета привязок, будет ли от этого страдать верстальщик?
Не за что :) Привязки только для удобства работы с макетом. Во всяком случае так устроено на фрилансе: дизайнер сделал макет, а верстальщик просто берет потом данные с него (размеры текста, цвета, отступы и тд) не масштабируя контейнеры с контентом. При этом я не исключаю, что где-нибудь в айтишной компании возможно дизайнер полностью настраивает все привязки, а верстальщик потом тягает фрейм и смотрит как по мнению дизайнера должны вести себя элементы при масштабировании. Но скорее всего, если такое и есть, то там речь про мобильные приложения. Ведь там как раз и можно потягать туда-сюда контейнер, чтобы прикинуть как смотрится экран приложения на таком смартфоне, а как на таком. Если речь про сайт, то одними привязками там не отделаешься, ведь блоки не только немного сжимаются, но и начинают перепрыгивать друг под друга в определенные моменты. В общем, если очень кратко: то привязки это для тебя, а верстальщик и без них все сверстает :)
@@alexeybychkov_ огромное спасибо за развернутый ответ)
@@grinderdm 🤟 не за что
Периодически появляется проблема: у содержимого фрейма выставлено left. Далее беру фрейм за ПРАВЫЙ край, двигаю туда-сюда. И начинают вместе с ним двигаться НЕКОТОРЫЕ (не все) элементы внутри фрейма. И причем еще бывает с разной скоростью. ! Повторюсь: у всего содержимого внутри фрейма выставлено left. Всё должно стоять на месте ! Может знаешь в чем дело, что происходит, как это исправить что бы всё что внутри фрейма оставалось на месте?
возможно какие-то элементы лежат внутри контейнеров. У элементов left. А у контейнеров Scale. Вот и двигаются они
@@alexeybychkov_ всё проверил, каждый элементик. Мистика какая то. Жаль не показать тебе
Напиши в Телеграме в фигма-чат, скинь туда ссылку на файл. Там 5000+ человек для таких вот ответов на вопросы и сидят, кто-нибудь подскажет 🙂
Алексей, такой вопрос. Как сделать, чтобы элементы равномерно распределялись по горизонтали при изменении ширины фрейма? Как кнопки в примере : Directions, Call, Save и Website. Я туплю и они у меня растягиваются..
Насколько я понимаю такое поведение не сделать. Я вручную расставляю крайние, выбираю все и нажимаю Ctrl+Alt+Shift+H
@@alexeybychkov_ Хм. Но они двигаются, когда вы в примере (гугл или что-то вроде) в видео меняете лэйаут. Интересно, как это получается?
@@viklon1980 чтобы элементы равномерно растягивались нужно выставить scale в привязках. А чтобы размеры свои не меняли, а расстояние между ними увеличивалось - такое вроде нельзя. Или я не понял вопроса)
@@alexeybychkov_ Да, вопрос именно в этом. Но на 10.36. в уроке 6 про привязки, в примере так и происходит. Расстояние между элементами меняется, а размеры их не искажаются. Вот было интересно, как так получается.. Может подскажете, где именно этот файл взять, вживую посмотреть?
@@alexeybychkov_ Подсказали решение: th-cam.com/video/LHY9cm_2zwU/w-d-xo.html
Здорова! Про) что-то у меня при уменьшении страницы фрейма, то именно тексты по центру переносятся вниз, хотя я еще не так уж и сильно сжимал страницу
Привет. Есть скриншот?
@@alexeybychkov_ завтра скину
@@nurseitumarkulov7655 хорошо
@@alexeybychkov_ а куда скинуть?)) телега есть?
@@nurseitumarkulov7655 Да хоть сюда в коммент. Это же просто ссылка на скриншот :) или в телеграм t.me/Alexeybychkov
Добрый день. 3:32 Как компонент превратить во фрейм? Не нашел способа.
Вот несколько способов th-cam.com/video/Ae9RIW3NKcU/w-d-xo.html
@@alexeybychkov_ Спасибо
А как можно пропорционально увеличивать размер блока при увеличении ширины артборда?
попробуй shift зажать
@@alexeybychkov_
Спасибо. Уже разобрался. А если смысл изучать Sketch при наличии Figma?
Существует ли темная тема интерфейса для Figma?
Фотошоп может дополнить, а в Скетче нет смысла, если уже разобрался с Фигмой. Темной темы пока нет
@@alexeybychkov_
Как я понял, Figma на порядок быстрее развивается, чем это делают Sketch и AdobeXD. Уже и плагин для экспорта в AE выкинули.
А как с экспортом файлов в PSD?
@@user-sv6dy8pk2q да, еще получили инвестиций на 50млн так что будет весело) А с псд никак. И слава Богу)
Нихрена не получается, но очень интересно
Терпи 😄
Спасибо за видео, Леша. У меня часто бывает что при всех отключенных привязках объекты все равно прилипают к пиксельной сетке. Как это отключать? Записал наглядное видео - www.loom.com/share/34dceb216eb24018aaed4db9809c2145
Похоже на баг. Вот выключил галочку и больше к пикселям не прилипает prnt.sc/u1eh6x
@@alexeybychkov_ написать им в тех поддержку?
@@anton_youtube_1 да попробуй. Или разлогинься и залогинься заново - может поможет
Нужны ли привязки в приложениях для андроид?
Привязки нужны для того, чтобы при изменении размера контейнера элементы внутри как-то реагировали: либо были привязаны, либо растягивались, либо оставались на месте. А что это будет: сайт или приложение или еще что - да какая разница? )
@@alexeybychkov_ ну вообще то есть разница. Макеты для мобилок вроде как всегда одного размера и никуда не растягивают, там не такой принцип как в вебе. И делать кучу лишней работы зачем. Опять же кол-во экранов там в 10 раз больше чем в вебе.
@@user-mb8rm5mg5x Если делаем разные экраны -- значит что? Растягиваем контейнер. Если не делаем -- значит что? Значит не растягиваем :) Про это и я ответил выше. Если нужно растягивать - делаем, не нужно - зачем время тратить.
Многие наоборот все мобилки настраивают. Так как мобилок - миллион всяких разных и по высоте и по ширине и по диагонали. Там настроил одно разрешение - и все остальные через растягивание получатся автоматом. А в вебе - я например фреймы вообще не использую. Только если компонент. А так гораздо эффективнее работать с группами, чем тратить время на настройку привязок. Так что я утверждаю наоборот: в вебе фреймы не так актуальны, как в мобильных приложениях.
Но еще раз: без разницы для чего делается макет. Нужно понимать - будут растягивать твой контейнер или нет. И уже от этого плясать :)
констрейнты действуют при изменении размеров фрейма, но при открытии в браузере они не работают, пока галочку фикса не поставишь.
Это нормально?
Похоже на баг. Привязки должны работать одинаково, что в клиенте, что в браузерной версии :)
@@alexeybychkov_ я всегда лицом все баги собираю(
www.figma.com/proto/pLJQSfpwR4hubhhDxjiPah/Untitled?node-id=82%3A5&scaling=min-zoom
не работает во всех браузерах
может быть настройки проекта или то что аккаунт бесплатный?
@@waltage так ведь тут другой вопрос. Я сначала подумал, что то, что работает в десктопе (привязка во фрейме) не работает в браузере. Но ведь тут совсем про другое история :) Ты в макете уменьшаешь фрейм - и привязки работают. Но когда смотришь прототип, ты же не фрейм уменьшаешь, а окно браузера. Размер фрейма при этом как был 1920, так и остался. Понимаешь разницу?)
в обратную сторону (сделать шире) тоже не сработает. Можешь попробовать сделать не 1920, а скажем 600 - и туда сюда окно браузера двигать -- размер фрейма при этом ты же не меняешь :) а значит и привязки не срабатывают
@@alexeybychkov_ если в редакторе я двигаю границы - или выбираю мобильную платформу, констрейнты срабатывают
Если я смотрю расшаренный прототип в браузере (любом) то НЕ срабатывают пока я не поставлю галочку фикса.
Это нормально или нет?
если элементов несколько (надпись с иконкой), то авто лэйаут, если один то просто привязку?
🙄
АЛ нужен, когда что-то кого-то куда-то толкает. А если просто иконка во фрейме, то АЛ не обязателен
Блин
Все равно растягивается треугольник.......
ctrl зажать нужно при растяжении контейнера, тогда начинка не исказится
Отвал башки!
супер)
идИальное юр.лицо? Серьёзно??? =)
Все что тебя волнует 🙈
Спасибо!
спасибо за просмотр!