Дизайн система в Фигма за 20 мин - туториал

preview_player
Показать описание


#UXDesign #UX #UIдизайн #UXUIдизайн #вебдизайн #дизайнстема
Рекомендации по теме
Комментарии
Автор

ВИДЕО ПРОСТО ОГОНЬ! Спасибо за вашу работу!!!❤

arhivictor
Автор

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

jcvcxzk
Автор

очень интересно) спасибо за контент, усиленно теперь жду екоммерс кейс >:0

qambrosyeva
Автор

Наконец свежий видосик от лучшего дизайнера рутуба 🖤

slava.senatorov
Автор

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

gandkill
Автор

я так и не поняла про бесплатную версию. Объяснения были только для платной а в начале говорила, что расскажет и про бесплатно.

annamit
Автор

Отличное полезное видео, сколько по времени у вас ушло на создание данной дизайн системы?

FORSX
Автор

Ирина добрый день, а у вас есть полная версия этой дизайн системы?

PixelPi
Автор

А где вы брали информацию для изучения дизайн-систем?

juliaru
Автор

Привет!
Где-то можно ознакомиться с екоммерс кейсом?

sultan_logoped
Автор

Ирина добрый день, поему в дизайн системе вы используете только абсолютные цвета? ведь если добавить линейку опасити цветов, можно безболезненно добавить и темную тему

dmitrys
Автор

Здравствуйте, у меня вопрос джуна: я сейчас повторяю Stepper из вашей дизайн-системы (там где изображены минус, плюс),
и я не понимаю вот этот фрагмент:
- есть инстанс button который переделан в круг и в нём - инстанс иконки minus - тут всё понятно, но у меня вопрос:
как вы сделали outline stroke в инстансе иконки, чтобы задать нужные ширину-высоту минусу, не разломав сам инстанс icon?
Я вижу что в вашем файле, когда я выделяю инстанс icon, на правой панели есть кнопка restore component.
То есть как-то вы смогли сделать outline stroke минусу, сохранив возможность вернуть связь инстанса с компонентом. Как у вас получилось?

PS. Я создала копию иконки, сделала ей детач, поменяла на outline stroke, сделала компонент, сдублировала инстанс, компонент удалила,
у меня получился инстанс с такой же надписью restore component - но, я не могу этот инстанс вставить в подслой к инстансу button,
а у вас именно так: инстанс button и в нём подслой инстанс иконка minus (переделанная, с outline stroke).
У меня не ставится моя переделанная иконка в подслой к инстансу button.
Если я сделаю детач самой button, то запросто смогу всё поменять, НО, нарушатся связи с компонентом button, а у вас-то связи сохранены...🤯
Не пойму... в чём прикол... хочу понять как это сделать...

Midi
Автор

Добрый день. Не очень понимаю для чего нужны Spacing, Shadow и Border radius - это нужно фронтендам, а не дизайнерам?

ekaterina_kareva
Автор

Есть ли какая-то классификация размеров кнопок для сайтов/мобильных приложений?
Знаю только что для веб минимальный размер кнопки - 32px, а для мобил минимальный размер - 44px.
Я решила повторить всю вашу дизайн-систему как самостоятельный урок, чтобы попрактиковаться 😇

Midi
Автор

Здравствуйте, подскажите пожалуйста, почему текстовые стили не отображаются в файле, все сделала как вы объяснили в видео?

t.karinaa
Автор

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

AzaSolo
Автор

я чего-то не понимаю - а почему под icon right иконка на кнопке расположена слева, а в icon left - справа на первых двух верхних (default, hover) состояниях?
наивный вопрос: а в бесплатной версии фигмы можно как то ставить такие разделительные линии как у вас например слева welcome отделено от color? Это отдельные страницы чтоли? 🤔

Midi
Автор

Ирина Здравствуйте я из Казахстана как мне оплатить ваши курсы иначать обучение?

KDesign
Автор

Здравствуйте! Где можно посмотреть ваши работы?)

dgodyzp
Автор

Привет. Я живу в Польше, хотел купить твои курсы, но при оплате мне вылетает следующая ошибка - "Похоже, это был технический сбой — попробуйте ещё раз, пожалуйста". Есть решение данной проблемы ?

romanzhzh