Друзья, сегодня отличный день, чтобы сделать свою первую статью на Хабре, который я читаю многие годы. Сегодня я успешно запустил в прод свой первый полноценный хобби (пет) проект.
Рубрика «figma»
Как построить свою оргмодель, свое хобби-приложение и не потерять месяц жизни
2026-06-29 в 8:37, admin, рубрики: charts, figma, hris, miro, yaml, диаграммыСобрал мультибрендовую дизайн-систему аж для семи брендов
2026-06-05 в 16:03, admin, рубрики: design system, design tokens, figma, figma variables api, Token Studio, дизайн-процессы, компоненты, мультибрендовостьСтатья про дизайн-систему в Фигме — местами будет терминология этого инструмента, основные понятия объясняю по ходу.
Я устал чинить компоненты руками. Поэтому написал плагин
2026-05-10 в 8:16, admin, рубрики: Design Ops, Design Review, figma, figma plugin, Library Cleanup, Plugin API, автоматизация дизайна, автофикс, дизайн-токены
Как это начиналось
У нас большая дизайн-система. Несколько библиотек, десятки дизайнеров, сотни экранов. И примерно раз в неделю кто-то прибегал с одной и той же проблемой: Обновил компонент в библиотеке, а в файле что-то пошло не так.
Геотермальная система работает, но посетители не понимают как. Разрабатываю дашборд для экскурсионной зоны
2026-05-01 в 13:26, admin, рубрики: figma, ux дизайн, возобновляемая энергетика, геотермальная энергия, дашборд, Инфографика, шоурум, электротехникаОборудование стоит за прозрачной стеной. Насосы гудят, трубы подключены, датчики считывают данные. Экскурсанты останавливаются, смотрят и идут дальше. Система работает, но остаётся закрытой для понимания. Именно с такой задачей ко мне обратился заказчик Geotermo.
Контекст задачи
Архитектура дизайн-токенов: подход, который спасает от хаоса и сохраняет нервы
2025-12-07 в 3:16, admin, рубрики: figma, токеныКаждый дизайнер хотя бы раз в жизни открывал Figma Variables чужого проекта и переживал existential crisis. Где-то там рядом с red-1-final-new, gray_main_2_copy и button-blue-maybe лежала судьба дизайн-системы.
Каждый дизайнер видит структуру токенов по-своему, и поэтому разбирать чужую дизайн-систему довольно сложно.
У кого-то токены живут по уровням.
У кого-то по темам.
У третьих всё перемешано: цвета, состояния, компоненты, темы — всё в одной папке.
Например, есть ДС, где в одной коллекции живут сразу surface-1, fill-3, border-1, disabled, а рядом — 200+ токенов с цветами вроде colors/alpha/light/900 или colors/pink/300.
Читать полностью »
Kaspirin: история о том, как ограничения помогли ускорить разработку
2025-11-21 в 8:46, admin, рубрики: figma, kaspersky, Kaspirin, msbuild, UI, wpf, интерфейс пользователя, фреймворкБывало, открываешь код-ревью — и чувствуешь себя археологом. Каждый кусок кода — как артефакт из разных времен: тут блестит бронзовая монетка, там торчит бивень мамонта, а чуть дальше — отпечатки времен .NET 4, пережившие три рефакторинга. Все это чудом взаимодействует, но порой страшно тронуть — вдруг вся конструкция рассыплется.
Из дизайнера интерфейсов в разработчики за 4 недели: как я делаю AI-плагин для дизайн-ревью
2025-11-09 в 15:01, admin, рубрики: cursor ai, figma, n8n, вайб-кодинг, вайбкодинг, дизайн-ревью, дизайнер интерфейсов, интерфейс, нейросети, плагинКаждому дизайнеру знакома картина: релиз, открываешь макеты в Figma, берёшь скриншот из прода и начинаешь проверять цвета, отступы, размеры шрифтов. Это съедает много времени. И вообще — такую рутинную работу должен делать компьютер, а не человек. Я подумал: а что если создать плагин в Figma, который будет делать это автоматически. Он сам проведёт дизайн-ревью макета со скриншотом и сам найдёт ошибки.
Концепт: региональный портал записи на прием к врачу
2025-10-28 в 8:15, admin, рубрики: figma, figma design, uiux, дизайн, интерфейсы
Региональный портал записи на прием к врачу достаточно своеобразный и в его навигации сложно разобраться. Подвернулась возможность попробовать сделать интерфейс более дружелюбным к современному пользователю. Собственно о чем и будет рассказ.Читать полностью »
Можно ли сделать мобильный интерфейс без человека. Эксперимент с ИИ
2025-09-29 в 12:00, admin, рубрики: claude, figma, верстка интерфейсов, генерация кода, ИИ, ии-агенты для разработки, ии-ассистент, интерфейс мобильных приложений, интерфейсы, мобильные приложенияРазработка интерфейсов мобильных приложений — одна из самых дорогих стадий в проектах. Каждый экран проходит через дизайнеров, верстальщиков и ревьюеров, из-за чего растёт стоимость и замедляется релиз продукта. Бигтех уже снижает эти издержки с помощью ИИ — например, Яндекс ускорил аналитику на 30% с помощью агента.
Я — Владимир Макеев, CEO Surf, автор ТГ-канала «Макеев всё оцифровал и доволен»Читать полностью »
