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