Video

Спасибо!❤❤❤

@@user-dar-123 привет!) Очень рада, что понравилось )))

@@user-oo6wg3gl2v да, будут)) я стараюсь записывать, но свободного времени мало. Сейчас делаю ролик по переменным, потом по компонентам 🥲

@@SashaSmetanina спасибо вам за ваш труд ❤️

Спасибо!))

Спасибо большое!!) очень приятно ❤️ Рада, что было полезно ❤️

Это правда, да)

@@pavelpchelintsev6444 спасибо большое!))❤️ Фигма на самом деле не такая сложная, просто нужна практика:)

@@SashaSmetanina Хотя вот с одним косяком я по этому уроку никак не могу справиться( хотя все прописанные условия проверил- ошибки нет нигде. Проблема в том, что при любой активированной кнопке - тег 2,3 или 4-можно. активировать кнопку 1, и они останутся активными в паре. Не понимаю, в чем дело(

@@pavelpchelintsev6444 к сожалению, не очень понимаю ситуацию, сложно на словах ориентироваться:(

@@SashaSmetanina Могу скринкаст минутный сделать, если у тебя есть время его смотреть, конечно

@@pavelpchelintsev6444 да, давай. Гляну как будет время:)

Ой спасибо огромное, очень-очень приятно! ❤️❤️❤️ Рада, что все получилось))

@@karineminasyan687 спасибо большое! Очень рада ❤️❤️❤️

@@annamilner5016 спасибо) рада, что понравилось Аватарка двигается из-за того, что это гифка. Я ее скачала из стикеров телеграмма и конвертировала фоомат в gif. Но вы также можете взять любую анимацию в формате gif, будет все двигаться

@@SashaSmetanina Спасибо большое❤

Хех скоро буду пилить!))❤

Он просто по какой-то причине не хочет прилипать к правому краю

@@user-pf8jx8qt8oтакое бывает иногда, возможно фигма лагает. Попробуй снять абсолютное позиционирование, а потом опять добавить. Возможно поможет. Если нет, попробуй вынести так какой-то другой элемент проверить, вдруг с ним норм будет. Если тоже нет, попробуй у всего фрейма заголовка убрать абсолютное позиционирование, добавить туда квадратики, и уже потом выносить в абсолютное позиционирование. По идее должно работать как на видосе, но такое как у тебя, к сожалению, бывает (на крайняк попробуй с нуля сделать)

@@SashaSmetanina у меня тоже самое(( попробовала все, что ты написала ничего не помогает, переделывала с нуля 3 раза. А еще не могу понять почему у меня субстракты в слоях ниже текста, но при этом они перекрывают текст

И правда, спасибо!) Буду знать

Такой вопрос почему в название компонентов добавляешь Is "Is action" а не просто "action"? Играет ли это какую-то роль или нет?

Спасибо!))) Тут без разницы, можно писать просто "Action", можно "Is action", можно хоть "Have action" - тут как тебе больше нравится и как будет более понятно

@@user-rd6wi2lz7i привет!) спасибо огромное))) У всех разрабов разный подход к верстке, но не встречала, чтобы разрабам не нравились спейсеры. Для них наши автолэйауты с отступами внутри и спейсеры - одно и то же, т.е. просто какое-то расстояние. Ты можешь хоть не в автолэйауте верстать, а просто во фрейме - они все равно поймут, так как смотрят расстояние между объектами

@@SashaSmetanina Спасибо за супер оперативный ответ! Приму во внимание!)))

@@den_kizhaev очень рада, что понравилось!))

Спасибо!) Очень рада, что помогла разобраться с переменными)))

Числа 5, 15 и тд не делятся на 2. То есть если у тебя где-то есть отступ 5, и тебе там больше нравится отступ в 2 раза меньше - придется ставить 2,5, но 2,5 нельзя делать, поэтому придется держать в голове во всем проекте ты 2 выбираешь или 3 при таких маленьких значениях, что усложняет создание макетов и вносит хаос небольшой. Также если захочешь отступ 3, но поменьше, там уже 1,5 и тд... Поэтому обычно берут 16, 12, 8, 4, 2 и тд, так как они хорошо делятся на 2 каждый раз и их не так сложно запомнить:)

@@SashaSmetanina понял, спасибо

1) К сожалению, этого пака уже нет в фигме, но есть похожий. Называется «+3000 free to use icons», вбей это в фигма комьюнити, должно найти) 2) Можно сделать ограничение по ширине у самого текста (он должен быть hug) и обрезать его в троеточие. Минусы такого решения: при большом экране будут такие же ограничения, как и для маленького экрана, а значит на большом телефоне будет зачастую достаточно большой отступ с правой стороны и странно сокращенный заголовок. Боюсь именно в такой реализации заголовка (вынесенном в абсолютное позиционирование) не получится сделать все автоматом по сокращениям, скорее всего придется вручную удалять символы при разных экранах. Поэтому, можно для него придумать правило: если строки 2, то текст не сокращается, а переносится на следующую строку, но делать это придется вручную (написать 2 строки и вынести блок с заголовком повыше, а нижнее скругление пониже). Если бы это не было вынесено в абсолютное позиционирование, можно было бы решить спейсерами Вот как-то так:) p.s. и правда заклинание какое-то :D

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

@@SashaSmetanina кайф,

Очень рада, что понравилось!))

Очень рада, что могу помочь узнать что-то новое!) 🌼

Очень рада, что понравился такой формат)))💚

Ахахах балдёёёж, круто))))

Спасибо!)) Рада, что понравилось ❤

Спасибо!)) Очень рада, что все получилось и понравилось)) Очень здорово!

@@1974mura ну понятно, что есть края) это я преувеличила конечно)

@@SashaSmetanina я понял)) Я кстати всегда думал что краёв нет, а недавно наткнулся что предел есть оказывается))) долго пытался двинуть канвас в сторону пока добрый чел подсказал, что мол, успокойся, это бесполезно. У всего есть начало и конец

@@1974mura ахах да, есть такое))

Спасибо большое!!!❤️❤️❤️

Очень-очень рада, что получилось помочь решить проблему!)))

Большое спасибо!)))❤️

Спасибо!) Я, например, в работе отрисовываю эти состояния рядом с экраном в отдельном секшене. Если флоу большой - рисую сначала весь путь пользователя, а уже рядом создаю секцию «состояния элемента» и кладу туда экран, а справа от него состояния. Тут от конкретных макетов зависит, но лучше не уносить сильно далеко такие состояния, иначе могут не найти Это точно не стоит делать на отдельной странице. Максимум в отдельном секшене или фрейме, или просто в местечке, где сразу можно понять «вот флоу, вот экран, а вот прям тут его состояния»

@@SashaSmetanina спасибо большое за развернутый ответ!

@@ellniel обращайся:)

У меня пока нет тг канала:)

@@SashaSmetanina сделай пожалуйста, подпишусь и другие тоже будут рады думаю и подпишутся 🙂

@@SashaSmetanina Пора бы завести

Хех, надеюсь будет полезно:)

Спасибо!) Рада, что было полезно))

Ахах, так мило)))

Очень рада, что понравилось!🩷

Спасибо!❤️ Да, фигма сделала автоматический автолэйаут, но он работает не на все 100% хорошо:) Но его можно создать, а потом просто поправить)

Большое спасибо!))) Рада, что понравилось))

Большое спасибо!)))❤️ Это очень здорово, что все получилось. Рада, что вышло понятно объяснить :))

Спасибо!) Переменные доступны бесплатно, только в них нельзя создавать темы (например, темную тему для изменения цветов, это только в платной). Поэтому, должны быть доступны

Логические операторы на прототипах только в платной, так что почти всё из показанного, к сожалению, не сделать на free аккаунте... Но если честно, это и не нужно. Слишком много труда ради элементарного эффекта, делающегося в коде за 2-3 строчки. На крайняк можно во Framer перегнать, там насколько знаю, всё это в бесплатной версии работает.

Спасибо! 😍

Я их скачивала из телеграмма и меняла им расширение на gif (можно на сайтах разных конвертировать). Конкретно стикеры из урока с шибой из пака Shiba Inu, а зайка из пака Mia Bunny. Гифки с аватарок - это просто эмодзи, которые анимируются с телеграм премиум:)

@@SashaSmetanina угу, понятно. Спасибо за материал! Супер подача)

@@farrukhx7143 спасибо большое!)))❤️

Большое спасибо!)) Очень приятно ❤