Обзор популярных инструментов управления версиями дизайна

Времена меняются, доступны новые инструменты. Наконец-то дизайнеры были услышаны! Теперь есть несколько вариантов управления версиями наших дизайн-шедевров. Ага! Чувак, это правда.

Но подождите, я в замешательстве. Это хорошая новость, мне нужно больше узнать об этом. Я взволнован. С чего же нам начать?

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

Понравилась эта публикация? Не забудьте нажать ? и поделиться с друзьями!

Проблема

Вам это знакомо?

• Home Page Layout
• Home Page Layout New
• Home Page Layout New v2
• Home Page Layout v4
• Home Page Layout v4 Final
• Home Page Layout v4 Really Final

Признайте это: у каждого были когда-то файлы с названием типа «myfile_final₀₃»

Я думаю, можно с уверенностью сказать, что у каждого дизайнера был файл под названием «something_final» или, что еще хуже, «something_final₀₃», верно?

Виктор Гуэрра написал замечательную статью об этом и подтвердил, что бывал в подобной ситуации раньше. А вы бывали в такой ситуации?

Другие проблемы:

• Эй, парни, я использую главный файл, не открывайте его сейчас!
• Здорово, я закончил. Нет, подождите!
• Теперь я точно закончил. Можете его открывать.

Забавный скриншот из youtube-видео Пабло Стенли. Смотрите его ниже.

Не поняли смысл скриншота? Смотрите видео:

Вам следует подписаться на этот канал, там у Пабло Стенли есть замечательные видео для дизайнеров! Зацените их!

Почему управление версиями — это хорошая идея?

• Несколько дизайнеров могут работать в одном и том же проекте одновременно.
• Позволяет избежать незнания какой из файлов в вашем проекте самый последний.
• Вы можете вернуться к последним версиям, если вам нужно, и просмотреть версии, проверить историю проектов.
• Вы можете без проблем обмениваться изменениями со всей командой и следить за тем, чтобы все были на одной странице.
• Проект можно масштабировать без серьезных проблем.
• Сотрудничество и совместная работа могут быть проще.
• Вы и ваша команда можете быть более продуктивными.
• И много других преимуществ… всего не перечислить!

Марк Доджсон написал пост и сказал несколько вещей, с которыми я согласен:

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

Достаточно говорить об этом, давайте займемся этим:

Инструменты управления версиями дизайна

Вы говорите о Git Hub? Мне не нравится кодить. Да, вы можете использовать Git Hub для управления версиями! Но не только GitHub. Сейчас есть несколько вариантов.

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

Dropbox — это не инструмент управления версиями дизайна, простите парни!

У GitHub есть проблемы с большими файлами. (Не уверен)

Abstract

goabstract.com

Безопасный хаб управления версиями для ваших дизайн-файлов.

Abstract помогает современным дизайн командам работать умнее и быстрее — вместе. Это дизайн платформа со стабильными инструментами и легким рабочим процессом.

• Управление файлами
• Управление версиями
• Контроль изменений
• Фидбэк
• Интеграции

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

В будущем, если найду что-нибудь еще, я дам вам знать, ребята!

Попробуйте его. Загрузка и тестирование БЕСПЛАТНО!

Вы можете посетить их Medium по ссылке:

Редизайн процесса проектирования

Если бы вы спросили меня какой из инструментов следует использовать, быстрым ответом было бы:

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

Хотя Kactus не лучше Abstract (пока что), он легкий, он прост в использовании, он приятный и дружелюбный и имеет некоторые функции, которых нет у Abstract. Например, визуализация, которая сравнивает предыдущие версии с актуальными версиями. Но и наоборот у Abstract есть некоторые особенности, которых нет у Kactus. Поэтому их сложно сравнивать друг с другом. Мне понравился Kactus, потому что у него есть бесплатная версия и потом, если вам понадобиться перейти на платную версию, она немного дешевле, чем у Abstract. Могу сказать вам, что на длительный период Kactus будет стоить меньше. Он зависит от Github, что может быть одновременно хорошо и плохо. Если ваши проекты с открытым исходным кодом — это здорово, если нет — вам, вероятно, придется заплатить за премиум аккаунт на github (не уверен), но Kactus — это достойный инструмент. Вам подойдет Kactus если: вы хотите что-то отличное от Abstract, что-то простое, что-то, что работает с GitHub и что-то, что вы также можете использовать с кодом.

Если вы можете попробовать обе программы — отлично! Если нет, надеюсь, что эта статья немного поможет, и прочитав ее вы сможете решить, что выбрать.

Kactus

kactus.io

Представляю вам настоящее управление версиями дизайна без изменения ваших инструментов. Управление изменениями, работа с документами и синхронизация вашей команды.

Опыт Git

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

Оптимизация вашего рабочего процесса

Создавайте ветви, сотрудничайте с другими дизайнерами или разработчиками и фиксируйте изменения, не касаясь командной строки.

Настройте его под себя

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

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

Быстрое обновление: Я протестировал Kactus еще несколько раз и он реально классный. Вместо того, чтобы сохранять sketch-файл в sketch формате, он разобьёт его на небольшие Json фрагменты. Это удивило меня и очень интересно, что вы на самом деле сохраняете код, а github для кода, по сути, подходит лучше всего. Также есть способы просмотреть изменения в ваших Sketch-файлах, которые вы можете наложить поверх друг друга, чтобы сравнить то, что изменилось. Есть несколько довольно крутых способов сравнить изменения. Обязательно попробуйте его!

Kactus — это программа с открытым исходным кодом!

https://github.com/kactus-io/kactus

Вы можете посетить их Medium по ссылке:

Kactus.io на medium.com

Также я рекомендую прочитать:

Да, дизайнеры также могут использовать git!

Как перейти от беспорядка в папке Dropbox к современному совместному рабочему процессу. blog.enki.com

Начало настоящей совместной работы в дизайне

Представляем вам настоящее управление версиями дизайна без изменения ваших инструментов… medium.com

Folio для Mac

folioformac.com

Простой контроль версий для дизайн-команд на основе Git.

Folio позволяет создавать и делиться версиями ваших проектов и автоматически синхронизировать их с вашей командой.

Их идея — что-то вроде машины времени для дизайнеров.

Нам нравится идея машины времени на Mac (автоматическое резервное копирование, восстановление предыдущих версий вашей работы), но мы никогда не использовали ее.

Я поделюсь впечатлениями Пола Демера по поводу этого инструмента, поскольку я еще не тестировал его лично. Я сделаю это позже и дополню эту статью, если найду какие-то отличия.

Плюсы:

• Интегрируется с существующими системами управления версиями (GitHub, GitLab и BitBucket)
• Включает бесплатный просмотрщик, позволяющий пользователям без платной лицензии просматривать изменения и версии файлов
• Поддерживает много типов файлов, в том числе Sketch, Photoshop и Illustrator
• Интегрируется с бесплатными частными репозиториями GitLab (хранилище 10GB) и автоматически синхронизирует изменения

Минусы:

• Немного сложно получить SSH-ключ, нужный для публикации изменений в GitLab
• Необходимо закрыть и снова открыть для возврата к предыдущей версии

Прочитайте статью Пола здесь.

Быстрое обновление! @Evgeny поделился этой информацией:

Исходя из своего опыта, я бы не рекомендовал Folio. Он устарел, больше не развивается и имеет скромную, плохую функциональность по сравнению с другими игроками на рынке.

Вы можете посетить их Medium по ссылке:

Folio для Mac — Medium

Brand.ai

brand.ai

Управляйте своей дизайн-системой.

Устраните потери пропускной способности и конфликты версий в вашем дизайне и процессе разработки.

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

Может позже я смогу протестировать его и добавить в эту статью, что думаю о нем.

Вы можете посетить их Medium по ссылке:

Блог Brand. ai

А вот несколько Sketch-плагинов, которые тоже пытаются решить эту проблему:

Plant

plantapp.io

Git Sketch-плагин

Git sketch plugin

Знаете, другие инструменты управлениями версиями дизайна? Поделитесь ими с нами!

Пойдем еще дальше?

Как насчет управления версиями экрана для прототипов:

Как «управление версиями экрана» поможет дизайн процессу?

И ситуации, когда это может быть палочкой-выручалочкой medium.com

Инструмент бесплатного прототипирования и тестирования пользовательского опыта для iOS и Android приложений. CanvasFlip

Улучшите пользовательский опыт тестированием юзабилити прототипов в реальном времени… canvasflip.com

Хорошие статьи об управлении версиями дизайна (ru):

Abstract — это Git для дизайнеров, который мы все ждали! ?

Начало настоящей совместной работы в дизайне с Kactus

Построение и совместное использование дизайн-системы в Sketch

Плагин git-sketch. Это Git клиент, встроенный прямо в Sketch

Folio: простой контроль версий на базе Git для команды дизайнеров

Git для новичков и дизайнеров интерфейсов

Как можно использовать Github для совместной работы над дизайном

Вот и все, народ! Спасибо за прочтение.

Вам понравилась статья? Не забудьте поставить?