Ну что ж, вот я и закончила наводить шороху в Туту 🏖 Мы запустили жизнеспособную дизайн-систему там, где многие не верили, что это возможно. Наш 🪁Kite уже в продукте на всех платформах — большая часть основного флоу переобута, остальное на подлёте.

Кажется, я никогда не подводила итоги публично, но на этот раз хочу оставить небольшую заметку, как напоминание) В начале этого пути не было ничего — ни понимания, какая дизайн-система нужна Туту, ни представления, как её вообще внедрять. Команды даже по сути не было. Зато скепсиса, мнений и неразберихи было в избытке)) Тем не менее, за без малого два года мы сделали реально много:

⁃ Нашли офигенных ребят и полностью укомплектовали команду. Рома, Лёха, Лёша, Наиль, Женя — вы просто лучшие котики и, конечно же, без вас никакого Kite не было бы ❤️

⁃ Собрали с нуля дизайн-систему на всех платформах, поддержали новый визуальный язык, засетапили процессы и помогли с внедрением

⁃ Стартанули и довели до конца проект, в рамках которого команды переводили свои фичи на новую дизайн-систему. В итоге это стало частью их рабочей рутины. Егор, Дима, Арут — спасибо за ваши усилия, помощь, поддержку и крепкие нервы ❤️ И конечно же, спасибо всем ребятам из продуктовых команд — да, банально, но, да, без вас опять же ничего бы тоже не получилось! ❤️

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

1. Оргструктура решает всё. Пока не поймёшь, какие существуют взаимосвязи, формализованные и негласные, как на самом деле принимаются решения, что на самом деле приводит это колесо в движение, можно хоть обпроектироваться, но общие штуки, как дизайн-система, не заведутся

2. Перфекционизм — это про неспособность определить приоритеты и организовывать свою работу и жизнь в соответствии с ними. И есть классная профилактика — найти вторую работу и работать обе одновременно. И всё, приоритеты сами собой выстраиваются, а ещё и эмпатия развивается до кучи

3. Ответственность ≠ за всех решать. Вообще прихожу к выводу, что ответственность идёт рука об руку со свободой и доверием. Если ты отвечаешь за результат и хочешь, чтобы он действительно был хорош — доверься людям, давай им весь контекст, направляй и не мешай

4. Синдром спасателя и bus-фактор — два брата-акробата. Не надо «спасать компанию», если структура противится изменениям — лучше принять или найти другую компанию (для всех лучше). Не надо замыкать на себе процессы, потому что «знаешь, как лучше» или не веришь, что без твоего контроля может что-то получиться — это не спасение, а стрельба в ногу

База? Конечно же! Но простые истины сложнее всего принять. Конкретно эти благодаря реальным рабочим ситуациям и людям теперь вшиты в моё сознание.

В общем, я ухожу довольная, с лёгким сердцем и более глубоким пониманием. Дизайн-система в боевом состоянии. Впереди у ребят ещё много задач, но есть результаты на проде, процессы, план и чувство того, что это наше общее важное дело. Горжусь, что мы запустили всё это в далеко не тепличных условиях. И, конечно, спасибо Туту за возможность поработать с классными людьми и вырасти ☕️

Во дела, то есть не только аспект ратио в картинках, но и полноценные текст-декорейшны подъехали 😮

Пока только к вариаблам не подвязываются и до дефолтного одним кликом не скинуть, но всё же!

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

У меня новый-старый проект — 🚀 Starter Kit. О том, что это такое — в видосе. Но если в двух словах, дизайн-системы часто воспринимаются, как атрибут бигтеха и бюрократизированного сетапа. А если снизить градус пафоса, это всего лишь какой-то фреймворк, чтобы бустануть качественную доставку фич до прода. И такой фреймворк есть у всех — и у бигтеха, и у стартапа, и у студии, и у фрилансера. Так вот 🚀 Starter Kit — это мой личный фреймворк. Это сумма моих знаний и опыта, с которой я стартую каждый новый проект и дополняю штуками, которые я из каждого такого проекта выношу. И вот у меня дошли руки начать всё это упаковывать

Материалы по первой теме (а она прям мощная — лэйауты и всё что около них) залью на ютуб со дня на день 🏃‍♀️

А пока можете поддать мне ускорительного пинка поддержать меня донатом, мне будет приятно 👍

Котаны, вот вам видос в прайм-тайм 🤡 Лэйауты: как собрать адаптивный темплейт, добавить ему плюшек для переключения платформ, а также техническая база

Ну в общем, я к вам с пилотным видосом про Starter Kit 👍 Сетки это капец, как важно, потому что если всё грамотно настроить, можно серьёзно упростить проработку дизайна. И начинаем мы с сеток, потому что от них много чего может зависеть в будущем

В видео показываю всё, но кратко и по делу. Также помимо видоса у меня есть для вас 7 примеров конфигурации разных лэйаутов (фигма + готовые конфигурации для Tokens Studio), и всё это расписано и показано максимально подробно, во всех деталях.

Эти материалы можно купить по ссылочке. Материалы буду регулярно апдейтить и расширять 🫡

Ещё хочу сказать большое спасибо вам всем за поддержку, моральную и донатом ☕️ И делитесь фидбэком! Хочу собрать клёвую базу знаний, помогайте

Пойду собирать материалы по типографике, и проверять ещё одну интересную тему, которая потенциально позволит ускорить сетап Starter Kit под конкретный проект…

??? Что хочет сказать мне фигма? воувоу ты умеешь детачить? 😮 а кто это тут надетачил? 😮

Вообще клёво — эмоджи вместо чек-листа. Ещё кастомные хочу! 🙌

От костылей к смыслам

Захотелось сформулировать, в чём вижу смысл и задачу аишек в нашем с вами нелёгком деле.

Дизайн-система — это принципы дизайна конкретного продукта и словарик, с помощью которого участники продуктового процесса пытаются понять, чего они друг от друга хотят. У кого-то это даже целый разговорник. Что из этих двух составляющих несёт реальную ценность?

Веду я к тому, что аишки должны помочь нам избавиться от потребности в этом самом словарике. Они либо полностью заменят его, либо сделают ненужным (голосую за второе)

Что сегодня мешает (ну, по крайней мере, мне) постоянно заниматься принципами и забыть про составление чёртового словарика? Да то, что вырабатывать принципы UX/UI просто сложнее. Особенно в большой команде, да ещё с легаси-продуктом. До принципов тупо не успеваешь добежать — сразу спотыкаешься о базовые вопросы типа: а как кнопка ховерится, а как снекбары стэкаются, а понимает ли разраб, что за моды и коллекции блин у нас тут в фигме и прочее вот это вот.

Мой любимый принцип из ТРИЗ: лучшая система — та, которой нет. Перенося это на дизайн-системы, получается, что лучшая — это та, где не нужен словарик. Тут легко обмануться и решить, что ключевое — это простота, чтобы условно «джун с ходу разобрался». Но это заблуждение. Такая простота только сместит проблему на процессы и документацию для других ролей, и приведёт к компромиссам в качестве решений. Если, конечно, мы хотим делать крутые продукты, а не просто просиживать штаны в компании, где дизайнеры пачками меняются каждый день. Там, действительно нужна простая как три копейки система.

Так вот, в лучшей дизайн-системе, где не нужен словарик, весь фокус переходит именно на принципы дизайна. А что сейчас? Сейчас мы чаще всего вынуждены раздувать словарик (документация, процессы, джиры, таски, роли...). И происходит это из-за ограничений наших инструментов. Мы тратим уйму времени, чтобы обойти проблемы фигмы: невозможность нормально нестить компоненты, отсутствие перечислений, числовых параметров и вариаблов-объектов, и кучу всего, что уже стало нормой.

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

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

Думать меньше не получится. Наоборот, думать придётся больше, и именно о значимом: не о том, как передать в разработку, а о том, что именно мы делаем и как это устроено.

Я не верю, что AI сможет создавать полноценную систему элементов по простому промпту. Но верю, что появится инструмент, который усваивает принципы дизайна и генерирует интерфейс под конкретную задачу. Но придумывать и закладывать эти принципы как раз нам.

Поэтому в ближайшее время важнее будут именно концепции, а не техническая реализация сама по себе. Условный пакет с пакетами, а не то, как сделать его в фигме, чтобы оверрайды не слетали 👁 Условный BDUI, а не бесконечные объяснения, что это вообще такое.

Кстати, я лично сомневаюсь, что фигма сможет трансформироваться в подобный инструмент. Слишком много легаси, да и за девмод кто тогда платить будет? Скорее нас ждёт что-то вроде дизайнерского Cursor.

Предвосхищу вопрос: «Бо, а нафига тогда ты собираешь свой стартер кит?» Тут две причины: первая — я собираю не систему, а адаптивный фреймворк, чтобы можно было легко обучать модель принципам дизайна. Вторая — костыли сейчас необходимы, я их коллекционирую 🙂 Но позже их можно будет просто выбросить. То есть, ценность стартер кита в штуках, как история про разлэйаучивание макета в терминах полос, например. Чтобы диз мог условно сказать: вот тут у меня навигация, а тут контент, и не важно, сколько между ними пикселей. Детали дотюнит инструмент, и вряд ли оптимальным артефактом будет фигма, скорее какая-то конфигурация.

Резюмируя, я не вижу особой ценности в AI, который пишет документацию, проводит чек или помогает выбрать компонент. Это лишь часть рутины. Мой образ идеального AI — инструмент, который хранит принципы дизайна и помогает собрать продуктовую задумку, избавляя нас от всей-всей рутины.

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

P.S. Несколько лет назад я делала прототип листалки предложек в Альфе. И мне нужна была конкретная анимация, невозможная тогда в фигме. Мне пришлось часов шесть осваивать ProtoPie, изобретая ещё кучу костылей по ходу. Но, кажется, именно тогда до меня дошло, что худшее для дизайнера — это ограничивать себя инструментом.

Интересные цифры про использование AI в дизайн-системах в продолжение вчерашнего лонгрида 🙂 По данным Zerohight больше половины опрошенных команд вообще не используют аишки, активно используют только 10%, при этом половина из них именно для документации.

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

Я тут где-то с месяц уже пользуюсь Windsurf, и у меня для вас небольшая демка, почему вам тоже стоит это делать, если ещё не

Вообще, переход с вебсторма на виндсёрф напомнил мне переход с фотошопа на скетч, когда ты такой «ну вот же, вот оно!»

Главное:
- Хранить и работать с токенами в текстовом виде с помощью редакторов — просто маст
- Если выбирать редактор сегодня, то только AI-first — убивает кучу рутины, помогает не факапить самому и разобраться в проекте, если ты контрибьютер, а не автор
- Обмазывайте свой проект всякими полезностями, которые раньше надо было просить у разрабов (в очередь! 👮)

Ну и самое-самое главное — самому чётко понимать, что ты хочешь сделать. Ну, на самом деле всё, как с людьми 🙂

Слушайте, а давайте знакомиться 👋 Даже если знаете меня лично — неважно, вдруг кто-то найдётся здесь?

Я вообще очень люблю собирать людей в кучу, знакомить друг с другом и кайфую, когда из этого что-то выходит 🌿

В общем, я Бо. Как вы понимаете, я занимаюсь дизайн-системами, но вообще-то, не только. Так-то я начала ещё в школе с фрилансика (classic 👍 тот самый школьный веб-дизайн), и фрилансила прям долго, два раза даже пробовала организовать свою студию, оба раза провалились, но главное процесс. А официально в продуктовые дизы я заделалась только лет пять назад в Альфе. Ну и дальше понеслось — шильдики, зоны ответственности, и вот это всё

Недавно я ушла из большой компании со всеми плюс-минус стандартными аджайлами, процессами, ролями и плюшками в небольшую компашку (в которой мы сейчас правда работаем вместе с одной очень большой компашкой над потенциально очень большим продуктом, но об этом я чуть позже расскажу — у нас там намечается очень полезная история в плане дизайн-систем тоже кстати...). Ну и в общем-то совершенно не жалею

Я люблю темки — всякие инди-штуки камерные, люблю, когда люди сами делают движ, придумывают что-то, запускают, пробуют, и большая цель у меня как раз тоже переобуться, и уйти полностью из найма в какой-то потенциальный замес 🍗 Но я к этому пока только подступаюсь, расширяю сознание так сказать (вот тот же свой стартер кит продаю — это на самом деле тоже проверка гипотезы). Сейчас мне прекрасно в найме, не исключаю в будущем ещё какие-то наймы, но не загадываю. Ну и я вообще за всякий совместный экшн, так что если у вас есть что обсудить — смело пишите, вероятно мы сможем друг-другу подмогнуть 🫶

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

Например, я очень люблю горные лыжи, последние три года упорно занимаюсь именно техникой. И всю зиму я провела в Гудаури. И это максимальный рекомендасьон — жить зимой на курорте это просто топ! Ну и вообще я за всякий спортик и походы

Сейчас я путешествую на тачке по Турции, и теперь я знаю, что Карху — köpek и ежедневно пью айран (всегда терпеть не могла кисломолочку). Планирую очень лайтово, без деталей и ловлю дзен

Так что давайте знакомиться 🥳 Сила в кооперации 👁

Поделюсь с вами, чего мы там с искусственным другом творим 👫 В общем, это минимал-минмал-MVP — чудо-плагин Starter Kit, который умеет сгенерить в три клаца все вариаблы, сетку и темплейт экрана из моего видоса. А ещё у него вроде внятная модульная структура, которую я смогу расширять (ведь смогу? ✝️)

Дальше буду наращивать ему разные сетки и кастомизацию, а в перспективе и всё то, о чём у меня ещё не готовы видосы. Как они вам кстати?

А у нас релиз 🎉 Первый, сыроватый, но релиз: дизайн + код

Xsolla ZK UI Kit — это кросс-платформенная либа компонентов на реакте, построенная поверх Tamagui. В первую очередь мы делаем её для своих продуктов (надеюсь, что уже скоро смогу рассказать и про это), но одна из наших особенностей — это вайтлейбл, поэтому кит в паблике.

Короче, мне невероятно радостно, что это первый в моей жизни UI-кит в открытом доступе 👏 Ну и он худо-бедно уже опробован на практике в рамках нашего трека на хакатоне ETH Belgrade

Чем он клёвый в плане дизайна:
⁃ поддержка кросс-платформы и адаптива
⁃ высокая степень кастомизации (цвета, типографика, лэйаут и т.д.)
⁃ лично для меня — он построен по принципам Starter Kit, но с учётом специфики наших задач, короче пруф оф консепт

Чего пока нет, но мы скоро добавим:
⁃ полная поддержка мобилок. Да, кит построен на кросс-платформенных рельсах, но оттестирован пока только для веба
⁃ добавим интерэкшны (они уже как бы есть, но мы не успели пока всё дофиксить)
⁃ подключим Skia для клёвых эффектов
⁃ пока думаю, стоит ли давать в паблик shared-токены, потому что это всё же наша договорённость и кому-то она может показаться избыточной (но, грубо говоря, в нашей версии есть инструменты для более быстрой и удобной кастомизации общего стилька)

Прекрасной вам субботы, особенно если поддержите файлик в комунити лайком ❤️ И обязательно делитесь фидбэком!

У меня снова подгон 😉

Помните, как мы знакомились? Мне так понравилось, что захотелось развить эту историю :)

Зе биг айдиа — чтобы классные люди находили друг друга, идеи, проекты, вдохновение, делали штуки и просто знали, с кем ещё можно провести время в разных точках мира

MVP — собраться хорошей околодизайнерской компанией в красивом месте, с вкусной едой и напитками, приятной музыкой, расслабиться и пообсуждать то, что интересно. Чтобы с одной стороны все были объединены так или иначе дизайном НЕ ТОЛЬКО дизайн-системами 🕺, но при этом каждый бы сходил с ума с чего-то своего (и кстати, необязательно про дизайн)

В общем, корпоратив, но такой, когда мы выросли и можем устроить его для себя сами ☕️

Все подробности тут. За первые несколько дней нас уже собралось 13 человек (причём хоть локация и в Грузии, некоторые ребята специально пригонят — из Азии, Сербии, Барсы и конечно же из Армении…) Мне видится в идеале собраться человек на 30. Ну и особенно приятно, что уже пошёл сарафан — есть участники, с которыми я лично даже не знакома

Пока собираемся, думаю будет здорово провести локальную встречу в Тби (так что, если что — сигнализируйте)

А что дальше: я сейчас планирую следующее большое путешествие, и если у нас всё получится классно, хочу продолжить Корпоративными ужинами в разных странах и городах... А там уже поглядим 🏖

Поэтому! Если чувствуете, что такое объединение про вас, есть желание поучаствовать или как минимум понаблюдать:

- Подпишитесь на канал Корпоратива 🍿 (кстати, до воскресенья у нас early bird, а дальше ещё раз с калькулятором сядем всё пересчитать)

- Советуйте форматы, локации 📝

- Ну и просто поддержите 🤗

Как и почему менялись цвета в Kite (Tutu)

Сходили на этой неделе с Лёхой Макаренко в гости к милейшим Flowwow, по случаю чего получилось упаковать материал, который томно колупали с февраля))

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

Вообще, мы любим ходить в гости, зовите если что 😊

Помните, я писала про 🍿🍿🍿? В общем, до него осталось меньше двух недель уже

⁃ нас 26, вот они мы (ну почти все)
⁃ проведём 14 токов-воркшопов-активностей (панкейки, йога, печать на мини-прессе, японские поезда, арт и другие дивные истории)
⁃ ни на что не намекаю, но осталось 3-6 мест

Ещё придумали слоган — для тех, кто вывозит себя сам 🪩 И думаем про следующие форматы, точки на карте, контент...

Так что подписывайтесь, ждите в гости и присоединяйтесь в Джуте)

🚘Тбилиси → Лиссабон → Тбилиси

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

Ребятки, кто в Белграде — у нас на следующих выходных будет второй 🍿🍿🍿

Познакомимся с местными художниками, съездим на природу, будем много гулять и общаться. Подробнее тут (моё серьёзное лицо на фото — это мы с Ильнаром как раз всё финалим), а билеты тут, присоединяйтесь ❤️