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

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

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

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

Проблема

Как дизайнеры именуют свои файлы, Sketch
Как дизайнеры именуют свои файлы, Sketch
Как дизайнеры именуют свои файлы, Photoshop
Как дизайнеры именуют свои файлы, Photoshop

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

  • 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_final03»
Я думаю, можно с уверенностью сказать, что у каждого дизайнера был файл под названием «something_final» или, что еще хуже, «something_final03», верно?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Abstract

goabstract.com

Управления версиями с помощью Abstract

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

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

В будущем, если найду что-нибудь еще, я дам вам знать, ребята!
Попробуйте его. Загрузка и тестирование БЕСПЛАТНО!

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

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

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

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

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

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

Kactus

kactus.io

Управления версиями с помощью Kaktus

Интерфейс Kaktus

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

Опыт 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

Folio для Mac

Интерфейс Folio для Mac
Интерфейс Folio для Mac
Простой контроль версий для дизайн-команд на основе Git.
Folio позволяет создавать и делиться версиями ваших проектов и автоматически синхронизировать их с вашей командой.

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

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

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

Плюсы:

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

Минусы:

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

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

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

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

Folio для Mac — Medium

Brand.ai

brand.ai

Brand.ai

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

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

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

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

Блог Brand. ai

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

Plant

plantapp.io

plantapp.io

Интерфейс Plant
Интерфейс Plant

Git Sketch-плагин

Git sketch plugin

Git Sketch-плагин

Git Sketch-плагин, пример работы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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