Edgework Studio
Мой векторный редактор интерфейсов, аналог Figma
О проекте
Edgework Studio это векторный редактор интерфейсов, который я разрабатываю два года: полноценный аналог Figma, где дизайн, код и история версий живут в одном файле. Открывает файлы Figma, умеет прототипы, библиотеки, плагины, совместную работу и помощника на ИИ
- клиент
- Собственный продукт
- роль
- Идея, продукт, дизайн интерфейса, дизайн-система и разработка
- год
- 2024–2026
- направления
- продукт, редактор
- результат
- Два года разработки: идея, интерфейс, архитектура и код
- Плавные 60 кадров в секунду в макете из 5 000 объектов
- Больше 320 автоматических проверок надёжности
О проекте
Edgework Studio вырос из моей практики. За 14 лет в дизайне я видел одну и ту же проблему в каждом проекте: макет живёт в одном месте, код в другом, версии в третьем, и на каждом переходе что-то теряется. Два года назад я начал делать редактор, где этих переходов нет
Сегодня это полноценный векторный редактор уровня Figma для macOS: холст, компоненты и варианты, автолэйаут, переменные с режимами, прототипирование с показом, библиотеки, плагины и совместная работа. И поверх этого то, чего в Figma нет: история версий прямо в файле, готовый код для разработчиков и помощник на ИИ, который сам работает в редакторе
Что умеет
- Работает быстро: даже в макете из 5 000 объектов всё двигается плавно, 60 кадров в секунду
- Открывает и сохраняет файлы Figma, поэтому переходить можно со своими макетами
- Компоненты и их варианты, автоматическая раскладка блоков, светлая и тёмная тема одной настройкой
- Кликабельные прототипы: связываете экраны и показываете их как готовое приложение
- Общие библиотеки компонентов: обновили кнопку в библиотеке, и она обновилась во всех файлах команды
- Поддерживает плагины Figma, причём они не могут навредить вашему файлу
- Совместная работа: видно курсоры коллег, по ссылке можно дать доступ на просмотр или на правку
- История версий как у программистов: видно, что именно изменилось («отступ 12 → 16»), а правки двух людей в одном макете объединяются без конфликтов
- Проверка макета на ошибки: названия слоёв, раскладка, читаемость цветов для людей со слабым зрением
- Комментарии прикреплены к объекту и не съезжают, когда макет меняется
- Готовый код из макета для разработчиков
- Помощник на ИИ: описываете задачу словами, и он сам создаёт и правит элементы в макете
- Простое 3D прямо в макете, без отдельной программы
Как устроена работа
Я веду продукт целиком: идея, интерфейс, дизайн-система, архитектура и код. За надёжностью следят больше 320 автоматических проверок: они ловят ошибки раньше пользователя, проверяют, что каждый пункт меню действительно что-то делает, а цвета и размеры точно совпадают с дизайн-системой
Главное правило продукта: функция, которая молча не работает, считается браком. Поэтому в Edgework нет переключателей без поведения и кнопок «на потом»
