Size: a a a

Сообщество UX / UI - дизайнеров

2018 November 05

DV

Daniel Verba in Сообщество UX / UI - дизайнеров
Этой осенью продуктовая команда Интеркома полностью перешла со Скетча на Фигму. Если кто-то пропустил, figma.com — это графический редактор, работающий в браузере, как Google Docs.

Кое-что про Фигму уже писал раньше. Например, почему верю, что в прекрасном светлом будущем скорее будет Фигма, чем Скетч: t.me/desprod/296.

Что нам этот переход дал:
1. Самое главное — теперь у всех всегда есть доступ к последней версии дизайна. Продакт-менеджеры, разработчики, контент-стратеги, исследователи, маркетологи, другие дизайнеры — все просто открывают ссылку на макет, и видят там самую распоследнюю версию. И оставляют комментарии и вопросы. Или могут смотреть, как дизайнер работает и что-то ещё меняет. А дизайнеру теперь не надо после каждого микро-изменения заново выкладывать скриншоты, не надо нигде обновлять картинки. Это фантастически круто.
2. Стало легко найти исходники всего. Несмотря на то, что мы и раньше требовали от дизайнеров, чтобы все исходники были в корпоративном Google Drive — находить там зачастую ничего не получалось, приходилось писать дизайнеру и просить прислать макет или показать, где он лежит. Теперь в Фигме видны файлы всех, и я могу найти любой исходник любого дизайнера за секунды.
3. Дизайн-система обновляется у всех сразу. Дизайн-системой у нас фулл-тайм занимается выделенная команда. Как только ребята обновляют какой-нибудь системный компонент — всем автоматически приходит апдейт. Теперь можно в один клик обновить стиль кнопки во всех макетах всех дизайнеров компании. Ну ок, не совсем в один — им надо будет подтвердить обновление сначала.
4. Вместе со Скетчем нам почти что перестали быть нужны Zeplin и InVision. Разработчики сразу видят все спецификации в Фигме и забирают оттуда иконки. Прототипы тоже проще делать сразу в Фигме.
5. Фигма бесконечно хранит историю всех изменений. Не нужно иметь много копий одного и того же файла, всегда можно вернуться к любой старой версии.
6. Боялись, что работать без интернета станет невозможно. В самолёте, например. Отчасти это так, но с другой стороны, если скачать десктопное приложение и открыть в нём файл-исходник, то всё вполне работает и оффлайн. А когда интернет появляется, изменения просто синхронизируются. Главное не забыть подготовиться — собственно, открыть файл заранее.

Как переходили:
1. Начали с того, что пара дизайнеров-энтузиастов переключилась на Фигму на 2 недели. Переезд туда, кстати, занимает примерно минуту, потому что файлы Скетча можно просто импортировать и продолжать работать, как ни в чём не бывало. Заодно импортировали и дизайн-систему, там правда уже пришлось немного потрудиться.
2. Энтузиастам в итоге всё очень понравилось, и мы объявили пилотный проект на месяц, в течение которого Фигму предлагалось попробовать каждому дизайнеру. В конце месяца попросили всех заполнить небольшой опрос, общее впечатление оказалось очень положительным. Заодно собрали все сомнения, претензии и проблемы. Обсудили и договорились, что со всем этим делать.
3. Решили, что будем переходить. Команда дизайн-системы занялась полноценным портированием библиотеки компонентов. Собственно, «переход» означал ровно это — библиотеку в Скетче мы перестаём поддерживать.
4. Здорово, что в процессе мы были на связи с ребятами из самой Фигмы, они очень оперативно отвечали и помогали со всеми нашими вопросами. Однажды мы нашли неприятный баг с авторизацией, который мешал работать — нам в тот же день прислали способ проблему обойти, а через два дня в новой версии полностью исправили.

Вот так, теперь используем Фигму и нарадоваться не можем. А мне по этому всему поводу вот что интересно: всё уходит в браузер. Нативных приложений, которые мне были бы нужны на компьютере, уже почти что и не осталось. По инерции использую iA Writer только (божественно красивый, все тексты, заметки и размышления пишу только там), да Keynote. Ну и Слак, но он в браузере ничем не отличается.
Telegram
Design & Productivity
Дизайнеры любят поспорить об инструментах. Sketch или Figma? Framer или Principle? Это всё странные споры, конечно. Понятно, что сильный дизайнер с любым инструментом выдаст результат, а слабого никакой инструмент не спасёт.

Хотя это ещё ничего. Есть ведь люди, скупающие самую дорогую фототехнику в надежде сделать крутые фотки, пока в то же самое время другие люди снимают на телефон фотографии, которые попадают на выставки и биллборды (https://www.adweek.com/creativity/apple-celebrates-summer-with-joyful-worldwide-shot-on-iphone-out-of-home-campaign/).

Так, о чём это я. Дизайнерский мир с попкорном следит за тем, как Скетч — современный стандарт для дизайна интерфейсов, который в своё время почти полностью вытеснил с рынка Фотошоп, — теснят со всех сторон дерзкие конкуренты вроде Фигмы. Мы тут в очередной раз обсуждали это всё на работе, когда кто-то предложил интересную точку зрения. Давайте посмотрим на Скетч и Фигму не как на инструменты дизайнера, а как на бизнесы.

Что можно сказать о Скетче (точнее о…
источник

N

Nerdfox 🦊 in Сообщество UX / UI - дизайнеров
Daniel Verba
Этой осенью продуктовая команда Интеркома полностью перешла со Скетча на Фигму. Если кто-то пропустил, figma.com — это графический редактор, работающий в браузере, как Google Docs.

Кое-что про Фигму уже писал раньше. Например, почему верю, что в прекрасном светлом будущем скорее будет Фигма, чем Скетч: t.me/desprod/296.

Что нам этот переход дал:
1. Самое главное — теперь у всех всегда есть доступ к последней версии дизайна. Продакт-менеджеры, разработчики, контент-стратеги, исследователи, маркетологи, другие дизайнеры — все просто открывают ссылку на макет, и видят там самую распоследнюю версию. И оставляют комментарии и вопросы. Или могут смотреть, как дизайнер работает и что-то ещё меняет. А дизайнеру теперь не надо после каждого микро-изменения заново выкладывать скриншоты, не надо нигде обновлять картинки. Это фантастически круто.
2. Стало легко найти исходники всего. Несмотря на то, что мы и раньше требовали от дизайнеров, чтобы все исходники были в корпоративном Google Drive — находить там зачастую ничего не получалось, приходилось писать дизайнеру и просить прислать макет или показать, где он лежит. Теперь в Фигме видны файлы всех, и я могу найти любой исходник любого дизайнера за секунды.
3. Дизайн-система обновляется у всех сразу. Дизайн-системой у нас фулл-тайм занимается выделенная команда. Как только ребята обновляют какой-нибудь системный компонент — всем автоматически приходит апдейт. Теперь можно в один клик обновить стиль кнопки во всех макетах всех дизайнеров компании. Ну ок, не совсем в один — им надо будет подтвердить обновление сначала.
4. Вместе со Скетчем нам почти что перестали быть нужны Zeplin и InVision. Разработчики сразу видят все спецификации в Фигме и забирают оттуда иконки. Прототипы тоже проще делать сразу в Фигме.
5. Фигма бесконечно хранит историю всех изменений. Не нужно иметь много копий одного и того же файла, всегда можно вернуться к любой старой версии.
6. Боялись, что работать без интернета станет невозможно. В самолёте, например. Отчасти это так, но с другой стороны, если скачать десктопное приложение и открыть в нём файл-исходник, то всё вполне работает и оффлайн. А когда интернет появляется, изменения просто синхронизируются. Главное не забыть подготовиться — собственно, открыть файл заранее.

Как переходили:
1. Начали с того, что пара дизайнеров-энтузиастов переключилась на Фигму на 2 недели. Переезд туда, кстати, занимает примерно минуту, потому что файлы Скетча можно просто импортировать и продолжать работать, как ни в чём не бывало. Заодно импортировали и дизайн-систему, там правда уже пришлось немного потрудиться.
2. Энтузиастам в итоге всё очень понравилось, и мы объявили пилотный проект на месяц, в течение которого Фигму предлагалось попробовать каждому дизайнеру. В конце месяца попросили всех заполнить небольшой опрос, общее впечатление оказалось очень положительным. Заодно собрали все сомнения, претензии и проблемы. Обсудили и договорились, что со всем этим делать.
3. Решили, что будем переходить. Команда дизайн-системы занялась полноценным портированием библиотеки компонентов. Собственно, «переход» означал ровно это — библиотеку в Скетче мы перестаём поддерживать.
4. Здорово, что в процессе мы были на связи с ребятами из самой Фигмы, они очень оперативно отвечали и помогали со всеми нашими вопросами. Однажды мы нашли неприятный баг с авторизацией, который мешал работать — нам в тот же день прислали способ проблему обойти, а через два дня в новой версии полностью исправили.

Вот так, теперь используем Фигму и нарадоваться не можем. А мне по этому всему поводу вот что интересно: всё уходит в браузер. Нативных приложений, которые мне были бы нужны на компьютере, уже почти что и не осталось. По инерции использую iA Writer только (божественно красивый, все тексты, заметки и размышления пишу только там), да Keynote. Ну и Слак, но он в браузере ничем не отличается.
Telegram
Design & Productivity
Дизайнеры любят поспорить об инструментах. Sketch или Figma? Framer или Principle? Это всё странные споры, конечно. Понятно, что сильный дизайнер с любым инструментом выдаст результат, а слабого никакой инструмент не спасёт.

Хотя это ещё ничего. Есть ведь люди, скупающие самую дорогую фототехнику в надежде сделать крутые фотки, пока в то же самое время другие люди снимают на телефон фотографии, которые попадают на выставки и биллборды (https://www.adweek.com/creativity/apple-celebrates-summer-with-joyful-worldwide-shot-on-iphone-out-of-home-campaign/).

Так, о чём это я. Дизайнерский мир с попкорном следит за тем, как Скетч — современный стандарт для дизайна интерфейсов, который в своё время почти полностью вытеснил с рынка Фотошоп, — теснят со всех сторон дерзкие конкуренты вроде Фигмы. Мы тут в очередной раз обсуждали это всё на работе, когда кто-то предложил интересную точку зрения. Давайте посмотрим на Скетч и Фигму не как на инструменты дизайнера, а как на бизнесы.

Что можно сказать о Скетче (точнее о…
Ну тебе еще многое надо читать)
источник

DV

Daniel Verba in Сообщество UX / UI - дизайнеров
Я подписался ещё на каналов 10 и уже скачал 4 книги по дизайну. Хух, стараюсь. ;D
источник

A🌈

Anton 🌈 in Сообщество UX / UI - дизайнеров
Daniel Verba
Я подписался ещё на каналов 10 и уже скачал 4 книги по дизайну. Хух, стараюсь. ;D
осталось теперь никогда на них не заходить
источник

D

D in Сообщество UX / UI - дизайнеров
Anton 🌈
осталось теперь никогда на них не заходить
и никогда не прочитать
источник

DV

Daniel Verba in Сообщество UX / UI - дизайнеров
Ееее, лучшие советы, сенкс.)
источник

EK

Eugene Kosinski in Сообщество UX / UI - дизайнеров
Наверное в последний раз скидываю с просьбой "разьебать". п.с. Пойдёт ли такая работа в портфолио? https://xd.adobe.com/view/23b10261-bc07-4dd7-71ea-9686f69a1328-5580/?fullscreen
источник

DV

Daniel Verba in Сообщество UX / UI - дизайнеров
Eugene Kosinski
Наверное в последний раз скидываю с просьбой "разьебать". п.с. Пойдёт ли такая работа в портфолио? https://xd.adobe.com/view/23b10261-bc07-4dd7-71ea-9686f69a1328-5580/?fullscreen
Я не профи, поэтому скажу только о том, что там одна из картинок не очень качественная.
источник

DV

Daniel Verba in Сообщество UX / UI - дизайнеров
источник

DV

Daniel Verba in Сообщество UX / UI - дизайнеров
А так - у меня нет претензий, очень приятная работа, хорошо подобранные цвета.
источник

N

Nerdfox 🦊 in Сообщество UX / UI - дизайнеров
кто хочет в кс 1.6 заходите 54.36.143.137:27015 под вашим ником в тг
источник

DM

DMITRY MIKHAILIK in Сообщество UX / UI - дизайнеров
Eugene Kosinski
Наверное в последний раз скидываю с просьбой "разьебать". п.с. Пойдёт ли такая работа в портфолио? https://xd.adobe.com/view/23b10261-bc07-4dd7-71ea-9686f69a1328-5580/?fullscreen
Не открывается
источник

VM

Vlad Minaev in Сообщество UX / UI - дизайнеров
Nerdfox 🦊
кто хочет в кс 1.6 заходите 54.36.143.137:27015 под вашим ником в тг
Ебать ещё есть адекватные люди, которые играют в прекрасные игры. Респект
источник
2018 November 06

LB

Lena B in Сообщество UX / UI - дизайнеров
Nerdfox 🦊
кто хочет в кс 1.6 заходите 54.36.143.137:27015 под вашим ником в тг
Давай 1.3 сразу
источник

DV

Daniel Verba in Сообщество UX / UI - дизайнеров
Виды массажа сделан так, что я при наводке на него должен увидеть выпадающий список, но осуществляется переход на другую страницу. ?????
@ekdesweb
источник

EK

Eugene Kosinski in Сообщество UX / UI - дизайнеров
Daniel Verba
Я не профи, поэтому скажу только о том, что там одна из картинок не очень качественная.
О, спаибо что напомнил про фото
источник

EK

Eugene Kosinski in Сообщество UX / UI - дизайнеров
Daniel Verba
Виды массажа сделан так, что я при наводке на него должен увидеть выпадающий список, но осуществляется переход на другую страницу. ?????
@ekdesweb
Ну это прототип в XD так что...
источник

N

Nerdfox 🦊 in Сообщество UX / UI - дизайнеров
Vlad Minaev
Ебать ещё есть адекватные люди, которые играют в прекрасные игры. Респект
Мы тут поиграли и решили, что повторим еще
источник

DV

Daniel Verba in Сообщество UX / UI - дизайнеров
Eugene Kosinski
Ну это прототип в XD так что...
Ок, тогда сорри.)
источник

VM

Vlad Minaev in Сообщество UX / UI - дизайнеров
Nerdfox 🦊
Мы тут поиграли и решили, что повторим еще
источник