Design Mind · Vlad Kalashnikov

@design_mlnd

Гео и язык канала: Россия, Русский

Категория: Дизайн

Что-то про дизайн @vldklsnkv

Связанные каналы | Похожие каналы

Гео и язык канала

Россия, Русский

Категория

Дизайн

Статистика

Избранное

Фильтр публикаций

Скрывать удаленные

Скрывать репосты

Design Mind · Vlad Kalashnikov

24 Aug, 12:57

00:22

Видео недоступно для предпросмотра

Смотреть в Telegram

играюсь с частицами в своей апке

← прошлый пост

#process

361 0 3 1 18

Design Mind · Vlad Kalashnikov

17 Aug, 09:21

Недавно заметил, что мне стало интересно отдавать AI не только какие-то рабочие задачи, но и больше бытовых. Я уже писал, как удалённо собрал iOS-приложение для изучения слов, пока ехал в горы. До этого также сделал себе мини-сервис для подготовки к экзамену на права (кстати, на прошлой неделе сдал с первого раза, ура)

Но по-настоящему бытовых кейсов накопилось ещё больше, поэтому решил поделиться ими тут:

* Купил новый роутер и вместо того, чтобы самому ковыряться в админке, попросил Codex всё настроить по красоте. Он сделал несколько Wi-Fi сетей для разных устройств и подкрутил остальные настройки, чтобы выжать максимум скорости и стабильности

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

* Хотел вывести трансляцию ЧМ с Mac на телевизор и вместо того, чтобы самому разбираться с настройкой, отдал задачу Codex. Он всё быстро настроил и подключился к нужному телеку

* Ждал билеты на премьеру нового Человека-паука и поставил задачу отслеживать их появление, чтобы успеть взять билет на первый день. Когда они появились, Codex выбрал нужный кинотеатр и забронировал место

* Недавно прошил свой Nintendo Switch, и мне нужно было установить на неё одну игру и программу. Идти к Mac, подключать Switch по проводу и всё перекидывать вручную было лень, поэтому сначала настроил на ней передачу файлов по локальной сети за 5 мин через homebrew. Потом с телефона дал задачу открытому на Mac Codex, и он сам скачал всё нужное и отправил на Switch. В итоге даже вставать не пришлось

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

* Ну и сделал себе скилл для оплаты налогов ИП. Каждый месяц там одна и та же последовательность действий, на которую раньше уходило минут 15–20. Теперь большую часть процесса он делает сам

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

Пишите в комменты свои примеры, если тоже были

917 0 20 5 35

Design Mind · Vlad Kalashnikov

11 Aug, 10:18

Сделал еще себе расширение для браузера, чтобы было удобнее добавлять новые слова

Можно выделить слово и с AI быстро заполнить все поля и добавить в категорию. Cлово сразу появляется в мобильном приложении, для этого добавил авторизацию через Magic link и подключил Supabase для облачного храненния данных

1k 0 1 1 22

Design Mind · Vlad Kalashnikov

7 Aug, 08:21

Сделал приложение по дороге в хайк

Недавно ездил в хайкинг, и дорога занимала около 4x часов в каждую сторону. По пути вспомнил, что недавно искал приложение, где можно генерировать свои коллекции английских слов и учить их с помощью свайпов. Решил немного расширить словарный запас, но ничего подходящего так и не нашёл или плохо искал

Так как времени было много, а дома остался включённый ноутбук с Codex, решил попробовать удалённо забилдить первую версию такого приложения и запустить её на своём телефоне

Codex собрал проект, сделал билд и загрузил его в TestFlight. Мне пришёл инвайт на почту, я установил приложение и смог протестировать первую версию по дороге в горы

Потом за пару вечеров немного его доработал. Сейчас внутри можно генерировать свои наборы слов и учить их с помощью карточек и свайпов

Понятно, что это пока скорее эксперимент и там ещё много чего нужно поправить, в том чилсе саму модель генерации слов надо поменять. Но сам факт, что я смог по дороге собрать, установить и проверить iOS-приложение, меня немного впечатлил

1.2k 0 16 1 40

Design Mind · Vlad Kalashnikov

5 Aug, 07:23

Кейс вайбкодинга из реальной жизни

Почему-то у меня никогда не было особого желания водить машину, но недавно решил всё-таки получить права, пусть будут на всякий случай

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

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

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

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

https://rustavi-drive.vercel.app/

1.1k 1 16 3 50

Design Mind · Vlad Kalashnikov

14 Jul, 09:25

01:46

Видео недоступно для предпросмотра

Смотреть в Telegram

На последнем Figma Config представили фичу, которая позволяет создавать свои инструменты: плагины, шейдеры, эффекты

За это время пока работал над задачами сделал несколько штук: шейдер для heatmap-графики и эффект дуотона. Из более простого были генератор грида, паттерна и плагин для вставки больших изображений (Figma по дефолту сильно шакалит качество, когда грузишь большое изображение, поэтому при загрузке через плагин он режет его на более мелкие части и объединяет в группу)

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

Сам процесс создания инструментов пока работает 50 на 50. Иногда Фигма понимает задачу с полуслова, а иногда приходится долго объяснять довольно простую логику. Ещё не хватает выбора модели и уровня reasoning, тк сейчас непонятно, что именно работает под капотом

Также пока не очень ясно, как быстро и удобно делиться такими инструментами, кроме как отправить ссылку на файл. Возможно, сделают быстрый паблишинг с выбором доступа: только по ссылке или для всех в Community

Но в целом такой подход мне прям зашёл. Хочется видеть что-то похожее и в других системах и инструментах. Например, возможность так же быстро создавать нативные плагины для браузеров или операционных систем и собирать рабочий процесс под себя. Что-то похожее уже тестирует Nothing с небольшими приложениями в формате системных виджетов

Пишите в комментах, если тоже пробовали что-то такое делать и что получилось

1.3k 0 8 1 14

Design Mind · Vlad Kalashnikov

3 Jun, 13:00

00:29

Видео недоступно для предпросмотра

Смотреть в Telegram

Запилил себе автоввод расходов через Apple Pay в своей апке

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

Ещё сделал запуск через Action Button или двойной тап по задней крышке. Только там сумму нужно ввести, но дальше всё работает так же

2k 0 31 16 58

Design Mind · Vlad Kalashnikov

1 Jun, 17:16

мое лицо, когда ии сломал верстку

903 0 2 9 44

Design Mind · Vlad Kalashnikov

13 May, 10:41

Обновил портфолио и наконец-то перенёс его с Framer на свой сайт

Когда я собирал его на Framer пару лет назад, это было отличное и удобное решение. Но с развитием ИИ и появлением возможности собрать всё самостоятельно необходимость в Framer постепенно отпала. Плюс так или иначе упираешься в ограничения: CMS, медиафайлы, структура страниц. А у меня почти весь сайт был собран именно на CMS, ну и платить за возможность привязать кастомный домен тоже не особо хотелось

В итоге за неделю полностью перенёс портфолио с нуля и заодно немного его обновил: добавил табы с сеткой работ и инфой обо мне, обновил карточки на главной и закинул последние концепты

Делал всё через Codex, но тк Framer не даёт выгрузить код, поэтому пришлось немного повозиться и собирать по сути с нуля по скринам. Зато удобно, что CMS из Framer можно экспортировать, через плагин и весь контент не пришлось переносить руками с нуля

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

Ссылка на портфолио:
https://vldklsnkv.me/

1.7k 0 43 6 39

Design Mind · Vlad Kalashnikov

29 Apr, 09:41

Кстати, если вы тоже делаете приложение и вам лень вручную заполнять данные, чтобы всё выглядело красиво и правдоподобно, можно просто попросить AI сгенерировать их. Он за пару минут создаст реалистичные транзакции или любые данные, которые у вас есть

930 0 0 12

Design Mind · Vlad Kalashnikov

29 Apr, 09:38

01:00

Видео недоступно для предпросмотра

Смотреть в Telegram

Продолжаю экспериментировать с тем, как можно собирать приложение с помощью AI, и на днях набросал концепт для своего финансового трекера

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

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

← прошлый пост

1.4k 0 18 13 21

Design Mind · Vlad Kalashnikov

21 Apr, 14:58

Делюсь ещё одной практикой по циферблатам, которые делал несколько месяцев назад

Рефы собирал здесь. Кстати, корпуса часов тоже сам дизайнил в Figma, а на один концепт уходило примерно 1–1,5 часа по классике. Делал их тихо, не спеша и без лишней суеты

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

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

956 0 4 2 30

Design Mind · Vlad Kalashnikov

16 Apr, 10:23

Как можно перевести AI-агента на работу по задачам

Когда начинал делать приложение, общался с AI в чате, держал контекст в md-файлах, а сам список задач лежал где придётся. Чуть позже понял, что это неудобно, тк каждый раз приходилось заново объяснять, что происходит, и весь контекст жил у меня в голове

Потом подумал, что можно использовать трекер задач не только как список задач по проекту для себя, а ставить конкретные таски для агента с описанием, ссылками на код и критериями приемки. GitHub Projects, Notion, Linear — не супер-важно. Главное то, что там можно держать еще и состояние проекта, планы и принятые решения

Тогда каждая задача становится полноценной карточкой с контекстом. Один раз описываешь, что нужно сделать и почему, а потом просто говоришь агенту: «возьми в работу задачу #42». Не нужно каждый раз восстанавливать картину с нуля

Подключается все через коннекторы в Claude Code или Codex, а по созданию задач всё просто: можно сначала описать ее своими словами, потом вместе с AI немного докрутить детали и критерии приёмки

1.1k 0 17 1 28

Design Mind · Vlad Kalashnikov

10 Apr, 09:52

Недавно решил потренить UI и сделал несколько концептов по iOS Live Activities, где-то по часу на каждый. Делюсь в канале, чтобы не уходили в стол

1k 0 10 77

Design Mind · Vlad Kalashnikov

6 Apr, 12:31

Вчера зашёл на Википедию впервые за долгое время и заметил, что они наконец сузили колонку с текстом. Раньше на широком мониторе строки растягивались на весь экран и читать было физически некомфортно, и я каждый раз думал: почему они это не починят? Оказывается, починили в 2023 году

Это был первый серьёзный редизайн за десять лет, и одним из главных изменений стало именно ограничение ширины контента. Базовое дизайн-решение, о котором знает каждый дизайнер, но для Википедии это заняло годы. Стало интересно, почему это так долго не меняли и я пошёл разбираться

Оказалось, причина в том, что Википедия управляется консенсусом тысяч волонтёров. Любое изменение интерфейса — это не решение продакт-менеджера, а переговоры с огромным сообществом, где у каждого есть право голоса. Команда Wikimedia Foundation начала работу над редизайном ещё в 2019 году, и только к январю 2023-го он стал дефолтным для всех. Четыре года на изменения, которые в нормальной продуктовой команде заняли бы недели

Интересно было то, что после запуска редизайна редакторы потребовали откатить изменения, проголосовали 165 против 154, и большинство было за откат. Но администратор выяснил, что из 159 противников новый дизайн видело в работе меньше 30 человек. В итоге консенсус признали несостоявшимся

При этом макет не менялся с 2004 года. За 20 лет он стал чем‑то вроде табу, и любое изменение выглядело как покушение на саму Википедию. Но активная часть сообщества именно редакторы, а не читатели. Люди, которым было не удобно читать длинные строки текста на широких мониторах, просто не имели голоса в этих обсуждениях

Но забавно то, что к 2023 году трафик Википедии уже начал падать, тк ИИ-ассистенты стали отвечать на вопросы напрямую

1.2k 0 5 2 17

Design Mind · Vlad Kalashnikov

2 Apr, 09:52

ASCII прототипы

Если нужно быстро собрать прототип экрана или юзер флоу и не залипать в детали, шрифты и авто‑лейаут, попробуйте делать прототипы в ASCII формате, точнее ИИ их неплохо и быстро делают

Даже если собирать грубые прототипы в Figma, всё равно есть шанс незаметно уехать в «красивости». Мозг переключается на отступы, цвета и сетку, а фокус со смыслов может уйти на второй план. Но на ранних стадиях важно проверить структуру и логику, а не визуал

ASCII прототип — это текстовый скелет интерфейса без визуального шума. Фокус только на структуре экранов

Собрать такой прототип можно очень быстро прямо с помощью ИИ: вы описываете экраны и флоу, а модель собирает текстовый прототип. Если хочется больше контроля руками, в ход идут простые онлайн‑инструменты вроде ASCIIFlow и подобные

Дальше этот скелет можно сразу отдать тому же Claude, и он уже соберёт на его основе интерактивный макет, который можно быстро прокликать и проверить логику вживую

Если нужно вставить в Figma не скрин прототипа, а сам ASCII, то лучше использовать моноширинный шрифт, например IBM Plex Mono, чтобы всё отображалось корректно

Кстати, текстовый арт, который раньше часто ставили в описание профиля в вк, это тоже по сути ASCII