Комментарии 36
Как то вы странно ценник сравниваете- в год фотошоп дороже чем помесячные платежи? Да и сравнивать фотошоп с фигмой совсем некорректно, а уж тем более сравнивать только «фишки» фигмы. Понимаю- реклама, продвижение, но нельзя же так «в лоб».
Мы не рекламируем Фигму или Фотошоп, а пишем обзорную статью со сравнением двух этих инструментов веб-разработке. Это как указывать на то, что любой материал на Хабре — реклама Google, если он там фигурирует, например)
Очень жаль, что у вас возникло впечатление, будто это реклама Фигмы «в лоб». Мы старались максимально этого избежать.
Очень жаль, что у вас возникло впечатление, будто это реклама Фигмы «в лоб». Мы старались максимально этого избежать.
Прошу прощения, действительно показалось что статья больше рекламная и, несколько, предвзятая. Не имею ничего против фигмы, наоборот многие моменты нравятся- вот сравнение со скетчем, инвижн студио было бы весьма корректным и полезным, а фотошоп он все таки немного для других целей.
НЛО прилетело и опубликовало эту надпись здесь
А ещё фигма из коробки показывает CSS-спецификации без плагинов и зеплина, облегчая взаимодействие дизайнеров и разработчиками. Но это в совокупности с тем, что десктопный клиент работает не только на макоси, но и под виндой, скорее уже сравнение со скетчем, чем с фотошопом.
До скетча, может быть, тоже однажды дойдем в этом блоге. Но пока хочется чуть больше вернуться к IT-темам.
Да, только делает это криво и неудобно. На авокоде куда приятнее работать. И после авокода, верстка при помощи фигмы длится дольше и неприятнее, даже нет банального быстрого экспорта картинки, все время нужно указывать путь, да и переменных нет, а без них тяжело. Хотя авокод добавляет поддержку фигмы, но пока ограниченные функции.
Как по мне у дизайнера Фотошоп все равно будет. Вопрос только в том использовать/покупать дополнительно Фигму или нет. Как я понимаю, ее скорее со Скетчем нужно сравнивать.
Для дизайна интерфейсов у Adobe есть отдельный инструмент — XD (но все всё равно пользуются Ps, потому что так исторически сложилось). Было бы интересно посмотреть сравнение с ним.
fokus-lop, садись, два. Одна из самых «качественных» антиреклам skillbox. Опустим то, что сравнивается несравнимое, но оно и понятно — кому нужна еще одна статья о фигме, под копирку? Картинки в статье все чужие. Куцо как-то. Это Хабр, а не рекламный пост в VK.
Спасибо за фидбек! Мы учтем то, что вы написали, и в следующий раз возьмем более незаезженную тему.
Это только вторая публикация в блоге, и, думаем, первое время мы иногда будем ошибаться с форматами, но с каждым разом все меньше и меньше.
Это только вторая публикация в блоге, и, думаем, первое время мы иногда будем ошибаться с форматами, но с каждым разом все меньше и меньше.
Может быть это и «еще одна» статья — но это первая статья которая мне встретилась (намеренным поиском я не занималась) — которая мне более менее внятно объяснила — зачем вообще Figma нужна мне как разработчику и какая от нее польза. До этого — были только слова дизайнера 'это круто! лучще sketch!'.
Правда вот что интересно — сколько ресурсов в браузере вкладка с Figma кушает? А если там не одна такая вкладка? А если в браузере что-то еще есть?
Пока что единственный недостаток который вижу — Photoshop и Sketch можно купить ОДИН раз (и забить на обновления) а тут — постоянная подписка…
Правда вот что интересно — сколько ресурсов в браузере вкладка с Figma кушает? А если там не одна такая вкладка? А если в браузере что-то еще есть?
Пока что единственный недостаток который вижу — Photoshop и Sketch можно купить ОДИН раз (и забить на обновления) а тут — постоянная подписка…
Лицензию sketch нужно обновлять каждый год.
Про PS не знаю точно, но у него вроде тоже уже давно модель подписки
Со Sketch есть отличие — там подписка на обновления. У меня вот стоит Sketch с лицензией которая 2 месяца назад истекла (ну не нужно пока). Вполне работает. Да, без обновление.
У PS по крайней мере при вводе этой облачной модели купить можно было. Сейчас проверила — да, теперь только подписка. Моя ошибка (но у меня стоит старая версия и кушать не просит).
У PS по крайней мере при вводе этой облачной модели купить можно было. Сейчас проверила — да, теперь только подписка. Моя ошибка (но у меня стоит старая версия и кушать не просит).
ИМХО более интересной будет статья о применении фигмы в вашем дизайн процессе.
Можно провести аналогию с рекламой инструментов- все знают что пилой можно пилить, а вот когда показывают КАК можно использовать и ЧТО получать на выходе- это гораздо интереснее и полезнее
Можно провести аналогию с рекламой инструментов- все знают что пилой можно пилить, а вот когда показывают КАК можно использовать и ЧТО получать на выходе- это гораздо интереснее и полезнее
Что меня всегда смущает в таких дизайн презентациях с видео интерфейса так это то, что в этих фигмах и прочих все делается на глазок. Можно как-то показывать, что точная пиксельная работа в них тоже имеется или её там нет? Вот хочется нормального зума и выстраивания элементов по нужной сетке — чтобы, например, вот этот элемент расположить на два пикселя левее.
Я бы уточнил несколько моментов:
ФШ линии тоже двигаются. Но, что в Фигме действительно удобнее, это то, что на гифке точка линии сгиба тоже смещается вместе с линией.
В фотошопе это можно сделать настолько быстро, насколько это вообще возможно. Нужно назвать слой button.png и в папке появится этот файл. Там же можно делать @2 и /subfolder/button.png
В Figma есть возможность передвигать вместо векторных точек линии.
ФШ линии тоже двигаются. Но, что в Фигме действительно удобнее, это то, что на гифке точка линии сгиба тоже смещается вместе с линией.
Любой элемент создаваемого интерфейса можно выбрать и при необходимости экспортировать. Эта функция значительно сокращает время, которое требуется на экспорт того же элемента в Photoshop.
В фотошопе это можно сделать настолько быстро, насколько это вообще возможно. Нужно назвать слой button.png и в папке появится этот файл. Там же можно делать @2 и /subfolder/button.png
В Figma есть возможность передвигать вместо векторных точек линии.
ФШ линии тоже двигаются. Но, что в Фигме действительно удобнее, это то, что на гифке точка линии сгиба тоже смещается вместе с линией.
В ФШ возможно то-же самое.
Мне кажется, интереснее будет сравнивать не с фотошопом, а со Скетчем.
Раньше верстальщик был вынужден использовать множество различных браузеров, а теперь еще и зоопарк графических пакетов ставить?
Занимаюсь версткой. Имеется дизайн в фигме, в котором много эскизов страниц (около 30 штук), расположенных рядом. Соответственно, приходится переключаться между ними так — отдалил, чтобы все было видно, нашел взглядом нужный эскиз страницы, отцентрировал его, приблизил, он уехал в сторону, отцентрировал снова, поработал. Потом отдалил, нашел другую страницу, отцентрировал, приблизил ее, выровнял, поработал. Другого способа переключения между страницами — нет.
Это не очень удобно — приходится постоянно приближать-отдалять-передвигать, пока найдешь нужную страницу, т.к. из-за их количества они получаются слишком мелкими, чтобы что-то разглядеть. Это выматывает.
К тому же, приближение скроллом мыши — сплошное мучение. Крутить колесико надо целую вечность, чтобы что-то приблизилось. А приближение кнопками с клавиатуры работает, наоборот, слишком агрессивно. Нажал плюсик и оно уже увеличилось в полтора раза больше, чем надо. И уехало в сторону, к тому же, потому что ты не идеально разместил элемент по центру экрана. И сидишь выравниваешь через эти ужасные вертикальный и горизонтальный скроллы. А потом уменьшаешь до нужного размера — опять через колесико мыши.
Да, я заметил кнопку «Present», через которую можно переключаться между «слайдами», но для работы она абсолютно не подходит, т.к. нельзя узнать параметры элемента.
Вот что круто — то, что страница не перезагружается по F5 или Ctrl-R. Т.к. при верстке переключаешься между вкладками браузера туда-сюда и можно случайно обновить не ту (не во всех проектах же hot reload) и ждать 15 секунд, пока все загрузится опять. А тут получается эдакая защита от случайности.
Это не очень удобно — приходится постоянно приближать-отдалять-передвигать, пока найдешь нужную страницу, т.к. из-за их количества они получаются слишком мелкими, чтобы что-то разглядеть. Это выматывает.
К тому же, приближение скроллом мыши — сплошное мучение. Крутить колесико надо целую вечность, чтобы что-то приблизилось. А приближение кнопками с клавиатуры работает, наоборот, слишком агрессивно. Нажал плюсик и оно уже увеличилось в полтора раза больше, чем надо. И уехало в сторону, к тому же, потому что ты не идеально разместил элемент по центру экрана. И сидишь выравниваешь через эти ужасные вертикальный и горизонтальный скроллы. А потом уменьшаешь до нужного размера — опять через колесико мыши.
Да, я заметил кнопку «Present», через которую можно переключаться между «слайдами», но для работы она абсолютно не подходит, т.к. нельзя узнать параметры элемента.
Вот что круто — то, что страница не перезагружается по F5 или Ctrl-R. Т.к. при верстке переключаешься между вкладками браузера туда-сюда и можно случайно обновить не ту (не во всех проектах же hot reload) и ждать 15 секунд, пока все загрузится опять. А тут получается эдакая защита от случайности.
НЛО прилетело и опубликовало эту надпись здесь
Надо будет затестить
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Чем Figma лучше Photoshop для разработки веб-интерфейсов