Инструменты
нашей студии
Мы не используем «волшебные кисти». Наш процесс строится на строгом стеке инструментов, обеспечивающем предсказуемость, чистоту кода и масштабируемость от иконки до всей дизайн-системы.
Редакторы графики
Фундамент векторной графики и построения сеток.
Figma
Наш основной инструмент. Здесь рождаются дизайн-системы, создаются автолейауты и настраиваются переменные (Variables). Мы используем Figma не только для дизайна, но и как базу данных для всей продуктовой команды.
- UI Design
- Prototyping
- Handoff
Adobe Illustrator
Используется для сложной иллюстративной работы и финальной очистки векторов перед импортом. Незаменим при работе с кривыми Безье высокой сложности и экспортом в форматы, требующие специфической оптимизации.
- Vector Art
- Pathfinding
Сервисы прототипирования
Демонстрация логики взаимодействия и микроанимаций.
Protopie
Для создания сложных интерактивных прототипов с логикой (переменные, условия, арифметика). Мы используем его, чтобы показать заказчику не просто «картинку», а живой интерфейс, реагирующий на жесты и ввод данных.
After Effects
Инструмент для создания моушн-гайдлайнов. Мы проектируем кинематографию интерфейса здесь, чтобы разработчики понимали физику и тайминг анимаций перед тем, как написать код.
Утилиты для экспорта
Мост между дизайном и разработкой.
Оффлайн-инструмент для минимизации SVG. Мы удаляем весь мусор, добавленный редакторами (метаданные, неиспользуемые стили), чтобы вес иконки был минимальным.
Коллекция для генерации иконок в формате JSON и спрайтов. Позволяет разработчикам встраивать наши наборы в проект через npm-пакеты без лишних зависимостей.
Плагины для экспорта дизайн-токенов в форматы JSON, CSS, SCSS и Swift. Это гарантирует, что цвета и отступы в коде будут идентичны тем, что на макете.
Хотите внедрить этот стандарт в ваш продукт?
Мы готовы передать вам не только файлы, но и методологию работы с ними.
Начать проект