Режим контуров в Фигме. Как Outline изменит жизнь дизайнера? Как лучше готовить макеты к верстке?

Поделиться
HTML-код
  • Опубликовано: 19 июн 2023
  • #alexeybychkov #figma #webdesign
    Расскажу про режим контуров в Фигме. Как Outline изменит жизнь дизайнера? Как он позволяет лучше готовить макеты к верстке?
    Карта канала - start.video
    Файл со скриншотами для насмотренности: boosty.to/alexeybychkov/posts...
    RUclips - / @alexeybychkov_
    ТикТок - / alexeybychkov_
    Rutube - rutube.ru/channel/24298564/
    Дзен - zen.yandex.ru/alexeybychkov
    Инстаграм - / alexeybychkov_
    Телеграм - t.me/a1exeybychkov
    Вконтакте - alexeybychkov
    Обучение - alexeybychkov.study/
    Мои цитаты - zapi.si/
    Мои 404 - www.404.gallery/
    Хелп по Фигме - figma.help/
    💰❤️ Поддержать канал:
    / @alexeybychkov_
    бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
    патреон - / alexeybychkov - английский, доллары
    •••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
    Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 38 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
    Подробнее обо мне - alexeybychkov.com/about/
    17 лет опыта - alexeybychkov.com/experience/
    Пишу - alexeybychkov.com/blog/
    Дизайню - alexeybychkov.com/cases/
    Отзывы - clck.ru/K5Mcc
    Мои книги:
    «Дизайн и фриланс. Начало» - clck.ru/JE8ku
    «Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
    Хелп по Фигме: уроки, видео, советы, фишки - figma.help
    Мир фейсов: faces.world/
    #figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance

Комментарии • 221

  • @oxxford
    @oxxford Год назад +17

    Режим контуров - отдельная любовь. Это из разряда, «сначала не понял, а потом как понял»)) теперь все время переключаюсь, чтобы проверить все ли ровно стоит)

  • @romabrago
    @romabrago Год назад +6

    я просто лег ) на моменте когда пошла тема про иконки!! ))))))) очень смешно )))
    самый лучший канал на ютубе! респект!!!!!!!!!!

  • @Anna_Bratkova
    @Anna_Bratkova Год назад +1

    Ах, я его ждала!) Ролик в смысле))) После того, как среди 250 комментариев в инсте тщетно пыталась не найти хоть что-то, что знаю я, а остальные ну вдруг пропустили !!! (самомнение однако)))), ан нет! Очень активная аудитория🔥 И ролик тоже🔥Спасибо!

    • @alexeybychkov_
      @alexeybychkov_  Год назад +2

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

  • @raseiran7989
    @raseiran7989 Год назад +2

    То самое чувство, когда после просмотра каждого твоего видео кипит голова от количества полученной информации😅😅😅

    • @alexeybychkov_
      @alexeybychkov_  Год назад +1

      полезного много не бывает))

  • @elenaganicheva779
    @elenaganicheva779 Год назад +9

    Спасибо, что собрал всю инфу по режиму контуров компактненько в одном видео. Ты лучший!❤

    • @alexeybychkov_
      @alexeybychkov_  Год назад +3

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

  • @user-tl2me5hv9k
    @user-tl2me5hv9k Год назад +5

    Душенька радуется после твоих мега полезных видосиков 🙌♥👑

  • @yourkiwipositive
    @yourkiwipositive Год назад +5

    С удовольствием посмотрела, спасибо! Цельная картина сформирована, теперь жизнь в Фигме точно не будет прежней))
    Мне теперь нужно видео как создавать библиотеку элементов каждый в свою папочку)))

  • @polly.procenko
    @polly.procenko Год назад +2

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

  • @Lera_tvoiagent
    @Lera_tvoiagent Год назад +3

    Режим контуров очень полезная штука!👍🏻 Спасибо за классные примеры, всё наглядно и просто🤩🪄

  • @Tr1dent_oneteam
    @Tr1dent_oneteam Год назад +3

    огромное спасибо за видео! Смотря твои видео и стримы, вроде всё это знаешь, но когда теперь это в одном ролике, жить становится легче! знаешь, где искать!

    • @alexeybychkov_
      @alexeybychkov_  Год назад +3

      Давно хотел собрать примеры в одном видео

  • @user-fx8lu2ue3j
    @user-fx8lu2ue3j Год назад +2

    ❤❤❤❤❤❤❤❤Великая Благодарность за такой подробный ролик.

  • @its_no_way
    @its_no_way Год назад +1

    Ого, столько примеров)) Хорошо ребята в инстаграме постарались)

    • @alexeybychkov_
      @alexeybychkov_  Год назад +2

      В конкурсе еще больше прислали, но решил этих достаточно будет

  • @polly_1285
    @polly_1285 Год назад +1

    Ура🎉 новый ролик !)

  • @andrei4079
    @andrei4079 Год назад +3

    Спасибо большое за интересный видосик. Как всегда столько полезного.

  • @Lera_tvoiagent
    @Lera_tvoiagent Год назад +2

    Нарезки из "неудачных" кадров в конце очень классные👍🏻😅

  • @its_no_way
    @its_no_way Год назад +2

    Спасибо за видео) Классная идея с живыми примерами 🔥

  • @its_no_way
    @its_no_way Год назад +7

    После чата с правками на курсе фраза «закидывайте пельмешку» воспринимается как-то иначе 😅

  • @user-hv6vz6qx6n
    @user-hv6vz6qx6n 8 месяцев назад

    Спасибо вам. Я учусь и благодаря этому режиму нашла кучу боков в своих дизайнах. Отдельная благодарность, вы лучший

  • @OVP_US
    @OVP_US 4 месяца назад +1

    Случайно наткнулась на канал. Подача - ОГОНЬ🔥🔥🔥!!! Лайк, подписка❤! Вы круууутооой💪 и очень веселый🤩! Много полезного)) Спасибо!😍

    • @alexeybychkov_
      @alexeybychkov_  4 месяца назад

      Спасибо за подписку! Рад, что нравится! ❤️

  • @csc_annem
    @csc_annem Год назад +2

    Классное видео получилось и как всегда очень полезное!❤

  • @lizkaleto
    @lizkaleto Год назад +2

    Спасибо Лёша! Я теперь наконец-то запомню комбинацию клавиш для режима контуров! А то что я только не нажимала 😅

  • @nv_arkhipova
    @nv_arkhipova Год назад

    Крутое видео получилось😎 Столько уже знакомых моментов) Когда для конкурса искала, много фрагментов пересмотрела) А теперь все в одном ролике!🔥

  • @user-xs8ty9dg5s
    @user-xs8ty9dg5s Год назад +1

    крутые примеры. Спасибо за контент и интересную подачу. Лайк🤩

  • @burrrnashev
    @burrrnashev 10 месяцев назад +1

    супер видео, спасибо! интересно было смотреть нарезку с примерами, когда режим контуров пригодится. Это, думаю, было трудозатратно искать все эти эпизоды - спасибо!

    • @alexeybychkov_
      @alexeybychkov_  10 месяцев назад

      Конкурс проводили, помогали все это найти 😉 сам бы не справился

  • @limon4ello
    @limon4ello Год назад

    Лёша, спасибо за видео! Было полезно 🤩🤩🤩

  • @alina_adamovich
    @alina_adamovich Год назад +1

    Очень классное видео! Спасибо за него, всё время забываю эту горячую клавишу, а с примерами вообще 🔥🔥🔥🔥🔥🔥🔥🔥🔥 Благодарю за проделанную работу😊

  • @user-pu8mv9ps3s
    @user-pu8mv9ps3s Год назад +1

    Алексей, как всегда, нереально крутая работа! Спасибо!)

  • @artiom369
    @artiom369 4 месяца назад +1

    Великолепная подача материала, весело и задорно)) С таким подходом очень хорошо всё запоминается)) Благодарность отдельная за это) остальные благодарности за контент!!!

    • @alexeybychkov_
      @alexeybychkov_  4 месяца назад

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

  • @alinalazchenko8310
    @alinalazchenko8310 Год назад +1

    Спасибо тебе и участникам конкурса)) Как всегда очень полезно и наглядно 🔥

  • @user-xz5zd4nm8m
    @user-xz5zd4nm8m Год назад

    Алексей, спасибо за видео!) Ждем видео по последнему большому обновлению в figma!)

  • @Kate3295
    @Kate3295 Год назад

    Спасибо большущее за видео!!! То, что нужно прям, давно хотела разобраться с этим режимом!

  • @DesignBrooo
    @DesignBrooo Год назад +1

    Спасибо за полезное видео)

  • @nata_nativ
    @nata_nativ Год назад

    Спасибо за подборку! Очень круто! Пойду пробовать :)

  • @sofikamal8252
    @sofikamal8252 Год назад +1

    Класс, как услада для ушей ❤
    Спасибо 🙏

    • @alexeybychkov_
      @alexeybychkov_  Год назад +1

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

  • @golovina-wp
    @golovina-wp Год назад

    Спасибо большое, что теперь всё про контур в одном видео! Очень удобно

  • @svetad326
    @svetad326 9 месяцев назад

    Класс, спасибо. Очень полезно, и понятно. 😊

  • @kreygarRU
    @kreygarRU Год назад +3

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

    • @alexeybychkov_
      @alexeybychkov_  Год назад +3

      да 100% надо готовить макет к верстке аккуратно

  • @sonyasever7625
    @sonyasever7625 Год назад +1

    спасибо, не знала про такую фичу!

  • @fluffyducky4963
    @fluffyducky4963 Год назад +2

    Алексей, вы классный!)

  • @Iris-i-r-i-s
    @Iris-i-r-i-s Год назад

    Алексей, спасибо!!! Супер-полезно! ❤

  • @user-nh7kt5yy2r
    @user-nh7kt5yy2r Год назад

    посмотрела свои макеты в контурах))) понятно теперь, как пройдут мои выходные)

  • @VesnaVGolove
    @VesnaVGolove Год назад

    Леша, спасибо! Как всегда информативно и доходчиво! 💯

  • @nenasta
    @nenasta Год назад

    Еее, вот это подборка! Помню, как просматривала кучу видео для конкурса)))😄

  • @user-hh5lt6gh2u
    @user-hh5lt6gh2u Год назад +1

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

  • @yaroslava9155
    @yaroslava9155 Год назад

    очень полезно) спасибо!

  • @MarcusRambo1991
    @MarcusRambo1991 Год назад

    ну это лайк. Пока ждал это видео, уже разобрался с этим режимом. Но лишний раз посмотреть стоит))

  • @ARTT0M
    @ARTT0M Год назад +1

    Как всегда,всё отлично! Коммент в поддержку ))

  • @Ludmila_Zaryanskaya
    @Ludmila_Zaryanskaya Год назад +1

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

    • @alexeybychkov_
      @alexeybychkov_  Год назад +2

      Да на компоненты чекать милое дело, но и кроме этого хватает применений!

  • @user-wm5ly3lb6j
    @user-wm5ly3lb6j Год назад

    Огромное спасибо за такую полезную информацию.

  • @AzazelSsetz
    @AzazelSsetz 8 месяцев назад +1

    Это реально новый уровень. Лайк, подписка, коммент, а еще пару видео - и походу в бусти денежку понесу

  • @lilrestinforever
    @lilrestinforever Год назад +1

    Супер полезный ролик, спасибо 😮

  • @RSvetlana44
    @RSvetlana44 Год назад

    Спасибо 😂 посмеялась от души)

  • @Mmmm_m777
    @Mmmm_m777 11 месяцев назад

    Спасибо за информацию, вы лучший 😍😍😍

  • @Lera_tvoiagent
    @Lera_tvoiagent Год назад +1

    Полезная тема🔥🔥🔥

  • @bivalyer
    @bivalyer Год назад +1

    Редко, когда использовал! Теперь точно буду

  • @marinaguc7802
    @marinaguc7802 Год назад

    Контуры и автолейауты всегда интересно. Спасибо за учение и советы) 👍👍👍👍

  • @Mmmm_m777
    @Mmmm_m777 11 месяцев назад

    Каждое видео просто кладезь полезной информации ❤

  • @Denizes_
    @Denizes_ Год назад

    Благодарю, Лёха! Это прям пушка инфа! Добавил режим контура в свой Чек-лист по проверке макета!

  • @user-bs2ti8xx4h
    @user-bs2ti8xx4h Год назад

    Спасибо, Алексей! Очень крутое видео. Объем полезных знаний, ну просто зашкаливает!

  • @KatesOk
    @KatesOk 5 месяцев назад

    Класс!! Спасибо))))

  • @pridari
    @pridari Год назад

    Фил Хуг! Вот и вышел наконец-то долгожданный ролик про режим контуров! Спасибо за полезный урок))

  • @sharmankatrinkatrin1365
    @sharmankatrinkatrin1365 9 месяцев назад

    Спасибо тебе, добрый человек. Все перепробовала. В режиме outline работаю еще с люстры, а тут никак не могла найти. Спасибо

  • @prostovictoria748
    @prostovictoria748 Год назад

    Режим контуров последнее время прям обажаю... Про shift o Спасибо ❤️, а то три кнопки жмякать сложнее двух 😂

  • @goodnight4681
    @goodnight4681 Год назад +2

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

    • @alexeybychkov_
      @alexeybychkov_  Год назад +2

      ролики сначала появляются на Бусти, на месяц-два раньше, чем на канале

  • @nikky_bin7171
    @nikky_bin7171 6 месяцев назад

    Алексей, решу свои кое-какие вопросы пойду к вам на обучение!) Нашел ваш сайт))

  • @user-ug9lp5fe9u
    @user-ug9lp5fe9u Год назад

    Помимо новых лайфхаков по режиму контуров еще и по мелочи узнала новое в работе с Фигмой. Спасибо! Кстати, и о самом режиме впервые услышала тут, на платных курсах даже словом не обмолвились о такой удобной опции -_-

    • @alexeybychkov_
      @alexeybychkov_  Год назад

      такие вот учителя нынче))

  • @zhannausmanovausmanova
    @zhannausmanovausmanova Месяц назад

    Спасибо, за видео

  • @____woow._____
    @____woow._____ Год назад

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

    • @alexeybychkov_
      @alexeybychkov_  Год назад

      конкурс проводил) подписки помогли нарезку сделать

  • @maxismagilov3603
    @maxismagilov3603 Год назад

    Очень полезное видео, особенно для новичков. Подробно рассувзвно, как делать все аккуратно и без "хвостов"

  • @its_no_way
    @its_no_way Год назад

    Режим контуров это топ, shift + O самая часто нажимаемая комбинация, с моей то внимательностью без него никуда 😄

    • @alexeybychkov_
      @alexeybychkov_  Год назад +1

      Внимательность прокачать дело времени!

  • @vitaliyfedorcov6197
    @vitaliyfedorcov6197 5 месяцев назад +1

    Обожаю эти видио,подача просто класс😅. Не пойму чего так в учебных заведениях не преподают ?

    • @alexeybychkov_
      @alexeybychkov_  5 месяцев назад +1

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

  • @polly.procenko
    @polly.procenko Год назад +1

    Ооо я участвовала в создании этого ролика😅 хех

  • @LeraShumka
    @LeraShumka Год назад

    Ура, проведу вечер с пользой

  • @tetiana2905
    @tetiana2905 Год назад +1

    Лeшааааааа, ты лучший!

  • @liudmyla4706
    @liudmyla4706 Год назад

    Долгожданный ролик.

  • @infinitelyeternal3366
    @infinitelyeternal3366 Год назад +1

    Было очень полезно! Спасибо за годноту

  • @ramozovmaks
    @ramozovmaks Год назад

    Четко, спс

  • @kozeev
    @kozeev Год назад +1

    Мне не жалко, а тебе приятно)

  • @marshmallow_sky
    @marshmallow_sky 10 месяцев назад

    Спасибо))

  • @Elena-wu3kt
    @Elena-wu3kt Год назад +1

    О, это же то самое видео, к созданию которого я немного причастна 😄😄😄

  • @dasha_from_russia
    @dasha_from_russia Год назад

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

  • @magalalka
    @magalalka Год назад

    впервые реально закинула пельмешку под ролик))

  • @saitamasensei3012
    @saitamasensei3012 Год назад

    Огонь

  • @tatsiananovik8731
    @tatsiananovik8731 Год назад

    Спасибо

  • @alexander_stark
    @alexander_stark Год назад +1

    5:20 я ₽ вынес в отдельно, чтобы менять только цифры

  • @zairahajiyeva
    @zairahajiyeva Год назад +1

    можно подробнее про гигантизм?)

    • @alexeybychkov_
      @alexeybychkov_  Год назад +1

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

  • @joker__joker_why_so_seriou2520
    @joker__joker_why_so_seriou2520 Год назад +1

    🔥🔥🔥

  • @ElenaHorbik
    @ElenaHorbik Год назад

    Новички злоупотребля-бляют 🤣
    Очередной полезный ролик. Ждем ролик по обнове фигмы 🕵‍♀

  • @dmytro_hela
    @dmytro_hela Год назад

    Алексей, как правильно исправлять ошибку, когда autolayout создает сотые после запятой? Это бывает не только при space between. Особенно непонятно, когда больше 3х слоев autolayout (например таблица админ панели). А сегодня загнал текст в АЛ, и там есть сотые, играться размерами шрифта не могу, т.к. есть стили. Вообщем..как быть?))

    • @alexeybychkov_
      @alexeybychkov_  Год назад

      никак) в верстке тоже самое будет

  • @NOTHEEND
    @NOTHEEND Год назад

    Привет, в одном из видео ты рассказывал о том что набираешь группы. Это еще актуально ?

    • @alexeybychkov_
      @alexeybychkov_  Год назад

      привет. На обучение? да, уже 12 группа через неделю начнется

    • @NOTHEEND
      @NOTHEEND Год назад

      @@alexeybychkov_ а есть еще места, и какие условия? мб в тг написать ?

  • @starhamster2069
    @starhamster2069 Год назад

    Спасибо за видео! У меня вопрос: для чего нужен режим контуров? 🙈🤪

  • @Sandry_UX
    @Sandry_UX Год назад

    А когда обзор на новый большой апдейт фигмы?

    • @alexeybychkov_
      @alexeybychkov_  Год назад

      запишу на днях, еще же не все показали. Сегодня 2 день конференции

  • @Bonaidea
    @Bonaidea Год назад

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

  • @sergeykadantsev9217
    @sergeykadantsev9217 Год назад

    Господа включаем все режим коооонтура! :)

  • @lizkaleto
    @lizkaleto Год назад +1

    И вот кстати, не понимаю почему ребята, смотрящие тебя и присылающие тебе макеты на проверку никогда не проходя тест на «Ксюшу» (режим контуров). Я еще только въезжаю в дизайн, но уже понимаю, что нельзя показывать кому бы то ни было макет, который не виолетовый😅

  • @enot7198
    @enot7198 Год назад

    Мне кажется, все кто работал в иллюстраторе просто по привычке заходят в этот режим

  • @Li-mc7ge
    @Li-mc7ge Год назад

    Почему об этом не говорят на курсах😐

    • @alexeybychkov_
      @alexeybychkov_  Год назад

      курсы ведут те, кто сам ничего не делает и работу не работает))

  • @user-mm8be8hn2q
    @user-mm8be8hn2q Год назад +1

    Вообще не понимаю как без него жить. В Pixso вроде все красиво, но режима "контуров" нет-все, сразу нафиг (может появиться?).

    • @alexeybychkov_
      @alexeybychkov_  Год назад +1

      да думаю привезут и туда)

  • @M1shaOG
    @M1shaOG 11 месяцев назад

    уже наверное спрашивали, но я не смог найти ответа, а зачем нужен режим контуров?

  • @andydan3562
    @andydan3562 4 месяца назад +1

    Почему у меня режим контуров включается\выключается сочетанием Ctrl+Shift+O? А не Shift+O?

    • @alexeybychkov_
      @alexeybychkov_  4 месяца назад

      в шортсах ответ записал

    • @andydan3562
      @andydan3562 4 месяца назад

      @@alexeybychkov_ Спасибо.

    • @kethynereir__9269
      @kethynereir__9269 3 месяца назад

      @@alexeybychkov_подскажите в каком шортсе найти не могу

    • @alexeybychkov_
      @alexeybychkov_  3 месяца назад +1

      @@kethynereir__9269 во 2 с конца. Там на заставке и в названии написано про новые шорткаты для режима контуров

    • @Kristen903
      @Kristen903 4 дня назад

      cпасибо. очень помогли. не знала как выключить.