🔥 Всё про бордер в Figma! Прерывистые линии из обводки. Узоры и лайфхаки из контура. Фигма с нуля
HTML-код
- Опубликовано: 26 июл 2024
- #alexeybychkov #figma #figma_tutorial
Привет, ребзя. Рассказал всё про бордеры, с лайфхаками, как положено :)
Официальный сайт - www.figma.com
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - 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 - английский, доллары
0:00 - шифт + Х
1:37 - панель бордеров
3:49 - таблица и бордер
4:29 - как копировать бордер
5:30 - незамкнутый контур
6:08 - какой бордер использовать?
7:30 - разные концы
8:32 - прерывистые линии
9:53 - узоры из бордера
11:05 - циферблат из бордера
12:20 - малюсенькая точка из бордера
13:56 - круговые диаграммы и wi-fi
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 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
Ребзя! Помогите своей активностью новому курсу: лайки, комменты, ну все как вы умеете :) Спасибо! Обнял-приподнял
Смотреть видео на 2-3 месяца раньше - boosty.to/alexeybychkov
Лучший чат по фигме - t.me/figmachat
Сайт по фигме - pofig.me/ или figma.help
Карта канала - start.video
Вроде и что-то умное посмотрел, а настроение то как поднимает :D
🥳 круто) очень рад!
Момент про звонок в дверь на 11 минуте, когда появляется анимация с колокольчиком, абсолютно гениальный)) Спасибо, Алексей! Никогда ещё не было так весело учиться фигме
😀 Спасибо за просмотр)
чуть ли не единственные видосы, которые досматриваю до конца) ляпы - дополнительная награда за просмотр, не говоря о ценных знаниях🐱
Очень рад, что нравится! 😻
А про то как сделать точку в иконке из линии - это вообще гениально! Жаль я раньше это не увидела😬
Очень полезная информация!🔥 Спасибо)
Спасибо за просмотр)
В конце было невозможно не похлопать, ну что за чудо-уроки и чудо Алексей! Спасибо за годноту)
спасибо!
...лайфхак с узорами:
-Сколько раз ты это посмотрел(a)?
- Да
😀
Муж - разраб, если ему сказать "обводка", то он нервно дергает глазом и выходит из комнаты) Пришлось выучить эти ваши бордеры и строуки
😀
Как всегда суперкласс. Сжато, остроумно, артистично. Шестнадцать минут кайфа 🔥
Спасибо за просмотр) рад, что нравится!
Просто на одном дыхании. Спасибо! Я хлопал! не надо в конце видео говорить что не хлопаем :D
Спасибо за просмотр)
офигеть, сколько лайфхаков в каждом видео! Спасибоо,круто! Курс бомбезный!
Супер) сегодня новый ролик опубликую
Лайфхаки с узорами из прерывистых линий просто огонь🔥
Как до этого додуматься можно было🙈
супер
Спасибо, 20ть роликов на одном дыхании!
Огонь))
Спасибо большое, Леша за эти чудесные ,наполненные, качественные ролики. Учусь фигме только по ним. Даже не знаю, насколько я тебе благодарна. Твоя миссия-супер. Ценим очень сильно)
о, круто) спасибо, очень рад что нравятся ролики!
Сижу учусь, а парень приходит иногда посидеть посмеяться над перлами. Алексей, аплодисменты от нас!
Круто) рад, что нравится!
та же история
Спасибо за урок и зря вы так, про ствол было смешно)
😀
и про вай-фай спасибо, что в ролике напомнил)
Пожалуйста!
Большое спасибо, Фил Хуг!
Фил Хуг!
Спасибо, Алексей. Вы молодец, дам не много шума, похлопаю вам😁👏👏
🥰 спасибо!
Благодарю за урок и за смехуёчки в конце)))
И тебе спасибки ❤️
15:21 Я за всех похлопаю!!
Мне 13 и хочу научиться веб-дизайну)
Делать фигню я не хочу,а чтоб делать классно надо учиться.Ваши видео с ютуба и бусте просто спасение!)
рад, что полезно
обожаю Ваши аналогии ! Арестовать дерево за то, что у него есть ствол, ржу😂
❤️ очень рад!
Ахахаха! «Арестовать дерево, потому что у него есть ствол» 🤣
ну) блястящая идея))
Мего полезно !!! Точка,узоры,wi-fi ))))). Спасибо !!!
огонь)
Привет, сжато, полезно и понятно! Спасибо!
Привет. Супер)
Царский лайк тебе! К жареным кнопкам привыкаешь быстро и хочется, чтобы они были в любой программе, удобно же! Спасибо!
спасибо!
Алексей, обожаю Ваши объяснения ❤ в каждом слове куча информации, вот уверена, что ни в одном видео никто больше не скажет, почему обводку надо делать внутренней / центральной. И это только один пример. Все только расскажут какие они есть и бла Бла Бла. Очень интересно, спасибо!
Вот и прекрасно) ❤️
ты большой молодец 👏👏👏👏👏
🎉 спасибо!
Привет, Лёша) Спасибо за ролик)🤗
Привет. пожалуйста!
Спасибо большое, за такое полезное видео!🔥🔥🔥
пожалуйста!
Огромное спасибо за уроки))
пожалуйста!
Хлопаем во все две ладошки за новый двадцатый ролик😊
спасибо!
Каждый раз, когда смотрю видео Алексея, узнаю что-то новое о привычном. Спасибо, как всегда высший класс! Самые полезные ролики по фигме❤
Круто) рад, что полезно
Хлопаем!!!! 👏🏻👏🏻👏🏻
спасибо! 😊🥳
Спасибо за рассказанные полезности и твой труд! 👏
пожалуйста!
Алексей, спасибо за ролики, за лайфхаки! Мне они очень помогают в учебе и вдохновляют работать над макетами каждый день.
круто, пожалуйста!
Спасибо, было как всегда полезно 👏👏👏
рад, что полезно
Алексей, спасибо за ролик❤. Супер!!!👍
пожалуйста!
Спасибо за лайфхаки! ❤
🎉
Супер мега годнота, спасибо огромное!
Очень рад!
Как всегда спасибо! 👏👏👏👏👏
ну класс, пожалуйста!
Классный ролик , спасибо 🔥
пожалуйста!
Спасибо большое! Полезная польза! и как всегда быстро и ёмко🧡
пожалуйста!
Ну ты молодец бро, хлопаю
спасибо!
Спасибо, от души! ❤
спасибо!
Спасибо за прекрасные лайфхуки
Спасибо за просмотр)
ооо и про внутренние бордеры уже знаю и практикую, а оказываются не все знали
Огонь!
очень жду твой разбор на новую фичу auto-select!
уже начал ролики про компоненты записывать. После них будет мульти-эдит
Фигма вас услышала, градиент меняется, всё ок
🥳
Хлопаю!!!👏👏👏
спасибо!
Класс 🔥
🎉
благодарю за очередной крутой ролик, доступно для тупеньких ))))))
Спасибо за просмотр)
таблицы дааа, дело такое)) главное компонент настроить - а дальше само пойдет)
💯 таблицы не так страшны теперь
Спасибо 🙏
Спасибо за просмотр)
про точку в иконках - вау!!! спасибо!
Спасибо за просмотр)
Спасибо!🤗
пожалуйста!
Спасибо за ролик) лайфхаков много не бывает 😅
да! Спасибо за просмотр)
Спасибо большое.
Спасибо за просмотр)
уже рассказываю всем на новой работе какие должны быть чек боксы)😎
Круто) учи неучей))
👏👏👏👍 Супер
🥳🥳🥳
так кнопку изменение направления градиента уже добавили, по крайней мере я ей уже пользуюсь, реально намного удобнее стало =))
разработчики на бусти подписаны и смотрят ролики в ютубе на 3-4 месяца раньше 😉
циферблат классно можно сделать💖
Да!
Спасибо за ролик!
Я обычно называю строкЕ😃
Супер 🎉
Лучший 🫶
спасибо!
Аплодисменты 👏🏼👏🏼👏🏼
спасибо!
Рахмет бро
👋
царский лайк поставлен, готова писать заметки😅
Спасибо ❤️
так приколько с этими бордерами и фигурами, я уже так набаловалась, может где и пригодится, прикольно)
Спасибо за просмотр)
В смысле, "может где пригодится" ?😂😂😂 очень даже много где
Я похлопала! 😄
🤟🥳🤟
Хлопаем! Хлопаем! Стоя! 👏👏👏👏
спасибо! ❤️
👏👏👏👏👏👏👏👏
Спасибо за просмотр)
👏👏👏👏👏
👏👏👏
🎉
Спасибо за жареные кнопки 👍
пожалуйста!
опять магия какая-то
🎩
Спасибо за уроки! Алексей, а когда копируешь бордер, только его стиль копируется (толщина, цвет, градиент), а состояние многоточия или что он прямой не копируется? У меня не копируется.
Видимо это не является стилем
Я и мои верстальщики говорим вам спасибо всем нашим продуктовым селом!
круто)
Супер!
Жаль, что нельзя как в иллюстраторе делать: каждому бордеру настраивать свою толщину (пару раз нужно было)
А таблицы то норм, но тут вечный вопрос как делать, колонками или лайнами😁
В верстке это сильно геморно, поэтому видимо и не добавляют
Как всегда мегапольза!
Одно только не могу понять - если сделать девайдеры через внутренний stroke, они же между пунктами удваиваются и получаются 2 px? А сверху и снизу -1
Верно) складываться будут
Блин, контур
😉
Пишу лайки, ставлю комменты.
❤️
Спасибо. Как всегда мегаполезный контент. Как тебе только удаётся столько пользы вмещать в такие короткие ролики?
Так а как иначе-то))
А как сделать такие снежинки?)) У меня какие-то корявые получаются)
Надо попрактиковаться 😉
ого! про шифтикс не знала, спасибо ))
не боитесь, что вас верстальщики проклянут за то, что показали кастомный прерывистый строук?
Не) они же код видят)
Привет, Алексей. У меня проблема) На моем mac mini 2012, стоит версия Мохаве, дальше не обновляется.
После обновления фигмы она перестала работать на моем старом маке(((( Так и пишет - у вас шибко старая версия
Это что получается можно работать теперь только на браузерной версии? Покупать новый комп нет возможности. Обидно блин(
Привет. Знаю что виндоус 7 не поддерживает уже. А про мак мини 2012 не в курсе. Еслм так то наверное вручную никак не обновить
Чисто из интереса, слеза верстальщика это ее название или ты сам придумал?
А курс бомба👍
Не знаю как оно называется, но выглядит как слеза, а внутри режимы наложения, которые бесят верстальщиков. Вот и называю всю жизнь ее слезой верстальщика
Кода тип бордера имеет значение)
100%)
Теперь в градиентах есть кнопка туда-сюда)
Ага, ролик посмотрели в раннем доступе и добавили)
@@alexeybychkov_ 😄собственными руками куёшь Фигму
))
меня мучает не первый ролик вопрос, как так ровно рисовать от руки прямые линии карандашом?😮 момент после "ненавижу таблицы, ненавижу!".. а, и да, ненавижу таблицы уже меньше😊
шифт зажимать - линия ровной будет
@@alexeybychkov_ ваааау🤩все гениальное просто
Здравствуйте ,не получается настроить обводку как у вас на 04:15 минуте,когда так делаю у меня у компонента появляется вокруг текста рамка , когда я удаляю по бокам остаются линии сверху и снизу и так дублирует у дочерних элементов и у каждого текстового блока сверху и снизу есть полоски и получается полоска сверху-текст-полоска снизу-отступ-полоска сверху-текст-полоска снизу и т.д. Как это исправить ,помогите пожалуйста 🥲
отступ регулируется в самом АЛ, внутри которого лежат эти полоски
А как альтернатива фигмы Pixso? Так и не зашла?
Не пользовался, фигма же никуда не делась)
Лайкский царк (shift+x)
спасибо!
я бордером величаю чаще всего)
🥳🎉
ШУм
Спасибо за просмотр)
забористо и задорно!!)
Спасибо за просмотр)
👏👏👏👏👏
🥳🎉