🔥 Инструмент Scale: адаптивы, дроби и неверстальбельные макеты. Бесплатный курс Figma. Фигма с нуля

[@alexeybychkov_]

Ребзя! Помогите своей активностью новому курсу: лайки, комменты, ну все как вы умеете :) Спасибо! Обнял-приподнял Лучший чат по фигме - t.me/figmachat Сайт по фигме - pofig.me/ или figma.help Карта канала - start.video Смотреть видео на 2-3 месяца раньше - boosty.to/alexeybychkov

[@Janni-Kremm]

Спецом зашла на любое видео, просто чтоб еще разок сказать тебе спасибо! По твоим урокам я все-таки научилась пользоваться компонентами, автолеяутами и прочими милыми прелестями фигмы. В итоге, как потребовалось, я за пару часов смогла склепать макет сайта и переделать его под тз заказчика😊😊😊😊😊😊 А теперь при любых правках, я отдельно радуюсь, что выгляжу ахренеть каким профи, и в пару кликов все что хотят меняю в режиме реального времени😎😎

[@alexeybychkov_]

круто, спасибо, приятно 💓

[@Lera_tvoiagent]

✅ Не скейлить адаптивы ✅ Скейлить иконки Теперь всё понятно)) Спасибо за наглядные примеры и конечно же за лайфхаки🤗

[@alexeybychkov_]

супер)

[@elenasattarova3928]

"Просто сходил в магазин и купил иконку" - Ахахах))) Спасибо!

[@alexeybychkov_]

Спасибо за просмотр)

[@margarina821]

Никогда не спользовала скейл. Спасибо теперь хоть знать буду для чего он ❤

[@alexeybychkov_]

Рад что помог разобраться

[@mira_st]

Всё по полочкам, рай перфекциониста! Масштабирование, адаптивы, компоненты, иконки... прелесть, смотрю и всё повторяю) Спасибо за практические примеры, что-где-когда-зачем использовать!

[@alexeybychkov_]

пожалуйста! ☺️

[@Lera_tvoiagent]

Очень информативный курс, 100% нужно будет его пересматривать👍 Жду новых серий😁😍

[@alexeybychkov_]

Супер

[@J_enSHtein01]

Ваши видео это то творение к чему хочется возвращаться так как это очень крутые разборы всего и вся! спасибо вам !

[@zi_manis]

Через scale ещё удобно расширять готовые дизайны для презентаций (например,в гугл слайдс) т.к. там не имеет значения дроби там будут или ещё что-то) Там главное расширение побольше и порой так просто удобнее для понимания композиции

[@alexeybychkov_]

Супер)

[@born_in_april]

Классно, спасибо и за подробную информацию по скейлу, и за магазин иконок)

[@alexeybychkov_]

🎉

[@LidaEng-yj1qs]

Огромное СПАСИБО за ваш курс. Сейчас купила курс у Skillbox по веб-дизайну, но там довольно кратко все и вечно куча вопросов, случайно нашла ваши видео и благодаря им заполняется огромное количество пробелов, лучше разбираюсь в темах, конспектирую многое и стараюсь все потворять за вами примеры. Мега полезно!

[@alexeybychkov_]

Эх) деньги туда, а учеба тут))

[@ValeriaKuzmina]

Смотрю ваши ролики 24/7, кладезь знаний в Вашей умной голове поражает! Спасибо❤

[@alexeybychkov_]

Огонь) Спасибо за просмотр)

[@Marina_smi]

"А че, так можно было!?" - про иконки с сайта и как их уменьшать... Леша, как всегда! СПАСИБО! а я адаптивила через scale... потом все дроби подчищала...

[@alexeybychkov_]

Спасибо за просмотр) рад, что полезно 🥳

[@ЕкатеринаЧазова-н6т]

Спасибо за урок!)) Очень легко смотрится и хорошо запоминается, особенно когда кнопочки еще нажимаешь 🤩А минутки юмора просто бесценны))

[@alexeybychkov_]

Отличные новости)

[@НикитаПавлов-н7ц]

Алексей, за иконки отдекльный лайк! Поржал )))))

[@alexeybychkov_]

Спасибо за просмотр)

[@Lera_tvoiagent]

8:26 это реально какая-то магия для меня была🙀🪄 Пошла пробовать🔥

[@alexeybychkov_]

🎩

[@ArtChannelKids]

Спасибо за юмор ) Не занятия, а сплошное удовольствие! Объяснил - улыбнул, СПАСИБО )

[@alexeybychkov_]

отличные новости)

[@auror.]

Спасибо, Алексей. Благодаря твоему ролику закончились мои мучения с наборами иконок. Постоянно переводил обводку в иконках в контур, а затем масштабировал. Теперь сэкономлю кучу времени. Не пользовался скейлом, считал что это интрумент для иллюстраций, теперь понял как он мне будет полезен.

[@alexeybychkov_]

рад, что полезно 🎉

[@ВалерияГординская-м1с]

И полезное видео посмотришь, и настроение поднимешь. Спасибо!

[@alexeybychkov_]

ну)

[@konstantinkostya4294]

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

[@alexeybychkov_]

Огонь)

[@Алина-д9я8ф]

Спасибо за очередной бесценный урок с понятными примерами! 🙂

[@alexeybychkov_]

Спасибо за просмотр)

[@_sinoodori_]

Моя дизайнерская жизнь обрела новые краски с этой фишкой с кодом)) Спасибо большое❤

[@alexeybychkov_]

супер

[@agvagv9010]

Блин какой крутой курс спасибо вам огромное! Не видел ничего подобного где бы так интересно объясняли 😍

[@alexeybychkov_]

рад, что нравится!

[@MariaLavand]

Супер, прям то , что искала , ато я вручную эти цифры в иконках подгоняла😅 Большое спасибо за полезный контент !

[@alexeybychkov_]

Спасибо за просмотр)

[@АлександрВитальевич-ю3ф]

Лучшая подача материала!!!Успехов каналу и Вам как в жизни так и в учебе!Привет из Беларуси

[@alexeybychkov_]

Привет 🥳🎉

[@skittlesxs]

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

[@alexeybychkov_]

рад, что нравится! 🥰

[@Marevo13]

вау, это что за магия с иконками? моя лента в ютубе еще никогда не была настолько полезной, спасибо за твой труд!

[@alexeybychkov_]

ну класс 🎉

[@marinatabakaeva4759]

Спасибо большое! Уже всё окружение на тебя подсадила, мега крут! 🧡

[@alexeybychkov_]

спасибо! ❤️

[@AzazelSsetz]

Алексей, каждое видео - бриллиант

[@alexeybychkov_]

Круто)

[@bibimoi_ru]

Все как я люблю - подробно, погятно и с юмором! 😊 Спасибо

[@alexeybychkov_]

Супер)

[@ПавелШамаль-г9ф]

Лукаса тебе за то что весело и без воды)

[@alexeybychkov_]

спасибо!

[@belkabelka8931]

Раньше вообще скейл не использовала, теперь знаю за чем он нужен) Спасибо, Леша!

[@alexeybychkov_]

Супер)

[@Tiesafun]

Спасибо за контент и классный юмор!)

[@alexeybychkov_]

Очень рад, что нравится!

[@Anastasiya_new]

Благодаря этому уроку и тебе конечно, узнала для чего это нужно вообще😅

[@alexeybychkov_]

рад, что полезно

[@pinkpanther2349]

Спасибо большое! 🔥👍🔥 Здорово.

[@alexeybychkov_]

пожалуйста!

[@irfi8]

Теперь уж точно понятно, в каких случаях scale применять. Ну и куда за иконками бегать теперь ясно)

[@alexeybychkov_]

отличные новости

[@margaritakovalevich2523]

А я, балда, всегда адаптивы через скейл делала и дроби вручную исправляла. Спасибо большое за правильные советы)

[@alexeybychkov_]

пожалуйста!

[@_eplusk]

Лайфхак с иконками каааайф конечно! 👍 Благодарю😊

[@alexeybychkov_]

Спасибо за просмотр)

[@mmarnid]

Спасибо огромное) мега полезно про иконки, супер!

[@alexeybychkov_]

Спасибо за просмотр)

[@viktoriacherkaeva1983]

Вы лучший! Уроки офигенные 🔥

[@alexeybychkov_]

спасибо!

[@Denizes_]

Благодарю! С иконками вообще огонь!

[@alexeybychkov_]

супер 🎉

[@anna_smurova_advertising]

День 3 в компании Алексея. Спасибо за твой труд!

[@alexeybychkov_]

огонь)

[@MariaPakhnits]

очень наглядные примеры про верстальщиков🔥

[@alexeybychkov_]

Супер 🎉

[@Татьяна-ю1р2м]

Идеальное объяснение!!!!!🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

[@alexeybychkov_]

супер

[@nstistyle]

Очень редко пользуюсь скейлом, и буквально вчера уменьшала иконку без скейла 😅, теперь буду правильно уменьшать))

[@alexeybychkov_]

Спасибо за просмотр)

[@nata_nativ]

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

[@alexeybychkov_]

Спасибо за просмотр)

[@ОлегМандрик-н4й]

контрол альт шифт в сочетание мне взорвало мозг, это мега удобно и сокращает прилично время)

[@alexeybychkov_]

да 100%

[@Merigold8]

Скейл не использовала раньше, теперь надо будет применить))

[@alexeybychkov_]

Спасибо за просмотр)

[@ВладимирМельник-ж1н]

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

[@КсенияАсафова-к1м]

Спасибо за супер информативное видео)

[@alexeybychkov_]

пожалуйста!

[@vaka_paka_vaka]

Благодарю за информацию!

[@alexeybychkov_]

пожалуйста!

[@elviradimova5804]

За магазин с иконками, преОгромное Спасибищеее!!!❤‍🔥❤‍🔥❤‍🔥

[@ЕкатеринаБратченя]

Я использую только когда делаю карточки на ВБ, адаптивы делаю по старинке, как и учил)) С иконками тема, спасибо за лайфхак)🙂

[@alexeybychkov_]

Спасибо за просмотр)

[@evilmiya_]

лайфхак с иконкой огонь) спасибо за видео 🥰

[@alexeybychkov_]

ну класс)

[@alexandrava8692]

Алексей, благодарю

[@alexeybychkov_]

🎉

[@Rakoparty]

Послание из 12й группы: делайте, как Лёша говорит, и будет вам счастье 🙌

[@alexeybychkov_]

🤟🥳🤟

[@true_di]

самые полезные уроки и лайфхаки, самый милый тичер 😍

[@alexeybychkov_]

спасибо!

[@Marina_Baginskaya]

Ты супер! Спасибо 😇😇😇

[@alexeybychkov_]

спасибо!

[@anzhelinalina]

"Я сходил в магазин и купил иконку" 🤣🤣🤣 Отдельное спасибо за лайфхак)

[@alexeybychkov_]

😄

[@lis.garland_n5039]

Спасибо огромное! Все стало максимально понятно!

[@alexeybychkov_]

супер, пожалуйста!

[@lymanina]

кайфец с кодом свгшек! спасибо за урок

[@alexeybychkov_]

Спасибо за просмотр)

[@Lelik312]

Лучший из лучших❤

[@alexeybychkov_]

спасибо, приятно)

[@ТатьянаРапанович]

О май гад! Скейл вообще не использовала, теперь то будет у меня работать 💪

[@alexeybychkov_]

Спасибо за просмотр)

[@Stepashka89]

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

[@alexeybychkov_]

пожалуйста!

[@alinawayland5972]

Спасибо за ваши видео❤

[@alexeybychkov_]

пожалуйста!

[@dan.vaniev]

Ну это конечно круто) Спасибо, что прояснили! А то я все думал, как же от этих дробей избавиться... Самостоятельно обучаюсь, поэтому иногда затупы происходят)) Ловко у вас с иконкой получилось :D

[@alexeybychkov_]

Спасибо за просмотр) 🎉

[@Равшан-х1п]

Лучший учитель 🔥

[@alexeybychkov_]

спасибо! приятно)

[@efimovaudio]

Алексей, спасибо за ролики! Лучший! Советую поставить обрезку Hi-Pass на звук ) Иногда ботает в саб.

[@alexeybychkov_]

спасибо!

[@moon.lit7]

Буду знать,спасибо

[@alexeybychkov_]

Спасибо за просмотр)

[@kristinamelnyk848]

спасибо за уроки!!)

[@alexeybychkov_]

пожалуйста!

[@alexeybychkov_]

пожалуйста!

[@ЕленаГончарова-б1ы]

очень прикольно все рассказано

[@alexeybychkov_]

Спасибо за просмотр)

[@СтаниславУстюжанин]

спасибо большое за лайфхак не скажем какой , любовь 🥰🥰🥰

[@alexeybychkov_]

Спасибо за просмотр)

[@ylazima]

С иконками - это самый крутой лайфхак за день. И я не про изменение толщины обводки сейчас))

[@alexeybychkov_]

ну класс :)

[@anastasiashilina1148]

So cool! Thank you very much again and again))))

[@alexeybychkov_]

🎉

[@Ecka_kg]

Спасибо, очень полезно

[@alexeybychkov_]

пожалуйста!

[@TheBloghappy]

8:26 От такой радости залайкал весь ковер ;0

[@alexeybychkov_]

😄

[@TheBloghappy]

@@alexeybychkov_ Алексей, знаю, что для тебя это просто отзыв, но все же - очень рад, что нашел твой канал. Твоя подача материала работает как терапия. Не многие могут так заряжать энергией. Спасибо!

[@alexeybychkov_]

@@TheBloghappy круто, спасибо!

[@hevgcc5548]

5:27 - ответ верстальщика на макет с дробями

[@alexeybychkov_]

да!

[@mariafomenko84]

супер полезно!

[@alexeybychkov_]

Ну класс

[@Houston93]

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

[@alexeybychkov_]

пожалуйста!

[@daracaraboot]

Какой коварный скейл и как я теперь на него не попадусь (кроме иконок, конечно)! Лёша, спасибо!

[@alexeybychkov_]

🎉 пожалуйста!

[@ЮлияГ.1]

Отныне на скейл у меня срабатывает крайсный флажок, спасибо😅 За фокус с иконками и кодом миллион к карме! Спасибо😍

[@alexeybychkov_]

Спасибо за просмотр)

[@DmitryBlagodarov]

Я использую скейл, чтобы комменты под роликами Алексея писать для продвижения его трудов. Ладно, шутка. Спасибо за полезный видосик :)

[@alexeybychkov_]

спасибо! 🎉

[@Lizaspp]

супер-супер-супер!!!

[@alexeybychkov_]

Огонь)

[@Polina_Vasilevskaya]

Спасибо!🤗

[@alexeybychkov_]

Спасибо за просмотр)

[@kristopop2116]

Про иконку в svg огонь 🔥

[@alexeybychkov_]

🎉

[@ElenkaZP]

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

[@alexeybychkov_]

знает толк в извращениях)

[@tetianaserbinenko9285]

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

[@alexeybychkov_]

Спасибо за просмотр)

[@Houston93]

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

[@alexeybychkov_]

конечно фрейм обязателен. Если берешь с флетикона фрейм уже есть и делать новый не нужно

[@alx_tchk]

Во многих видео идет разговор про абзацы. А сколько ставить значение абзацов? "Enter" - это абзац? А "shift+enter" просто перенос на другую строку?

[@alexeybychkov_]

шифт + ентер - это не перенос на другую строку, это разрыв строки. Но да, он не делает новый абзац а центре делает. Обычно 20 пх ставлю, этого достаточно

[@alx_tchk]

@@alexeybychkov_ 20пх при любом кегле?)

[@alexeybychkov_]

у заголовков абзацев не бывает. А у обычного текста от 16 до 20 пх, разница в кегле не такая большая, чтобы 20 пх не хватило или было много

[@alx_tchk]

@@alexeybychkov_ благодарю 🙏

[@ИльяИванов-в2ю]

Охонь! Большое спасибо

[@alexeybychkov_]

пожалуйста!

[@DjEugeny]

Еще вопрос, будет ли отдельная инфа про иконки. Заметил, что svg-шки вставляются с обводкой в виде вектора, без параметра Stroke. А я бы хотел, чтобы это была просто линия с толщиной, чтобы можно было поменять например на заливку и покрасить. А то красится только контур.

[@alexeybychkov_]

Зависит от того, как изначально была подготовлена иконка: через обводку или через заливку

[@mydream_films]

Подскажи пожалуйста. Есть фрейм иконки, внутри него векторы. Если у векторов дробные размеры это нормально или тоже плохая практика? p.s. Если я правильно понял - дробные значения неприемлемы в тех местах, с которыми будет взаимодействовать верстальщик. Естественно он не будет переносить каждый вектор по отдельности. По этому их можно оставлять дробными, скейля родительский фрейм. Верно?)

[@alexeybychkov_]

Нормально. Главное чтобы сам фрейм иконки был четеньким

[@semidea95]

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

[@alexeybychkov_]

Да это нормально, главное чтобы сам фрейм был целым и кратным 4

[@semidea95]

@@alexeybychkov_ спасибо 🙌🏻

[@Houston93]

Есть контейнер с текстом автолайаут, делаешь контейнеру фикс то он становиться больше, при этом текст так и был hug, почему он увеличивается?

[@alexeybychkov_]

сложно сказать без скриншота(

[@alexandermanevich5150]

8:29. как же они так на flaticon просчитались и выложили код SVG. на icon8 так уже не прокатит((

[@alexeybychkov_]

Причем давно уже

[@SpaceUnicorn98]

лишь бы они не починили это только...

[@Nightty750]

ля пожар!!!! ты классный)

[@alexeybychkov_]

спасибо))

[@ВероникаРостовцева-д3с]

А есть ли разница, если я зажму Shift и буду тянуть иконку и Scale? И в том и в другом случае размер будет пропорциональный, разве нет?

[@alexeybychkov_]

Скейл игнорирует привязки

[@ГригорийДоронин-д1з]

Алексей, спасибо большое ❤ Вникаю в Фигму и твои ролики просто сокровище 😊 Одно только здесь не понял, про скопировать код иконки. На этот же сайт захожу, открываю, просмотреть код -- не нахожу svg. Копирую код, который вроде как относится к иконке, вставляю , но вставляется код, а не иконка. Подскажи пожалуйста, я что то не так делаю?

[@alexeybychkov_]

пожалуйста) видимо открываешь иконку в растре (в пнг) и поэтому кода про свг нет

[@lofingv]

О топчик подъехал. Алексей подскажи. Как можно импортировать презентацию из Канва в Фигма чтоб она была редактируемая? Интеграции между ними нет вроде

[@alexeybychkov_]

не знаю( спроси в фигма-чате, может кто сталкивался

[@КаринаШустова-н3ш]

Просто какээк)))) спасибо)))

[@alexeybychkov_]

🎉