Почему верстальщики хотят верстать из .psd и не хотят Фигму? Что можно им предложить?

Question

[Антон Теплоухов]

Устроился на работу дизайнером, хотел делать макеты в Фигме или Адоб ХД, но мне сказали, что в компании пробовали Фигму и что верстальщики из Фигмы долще намного верстают и потому это невыгодно. Из-за этого приходится ковыряться в Фотошопе.

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

В чем отличия верстки из Фигмы и из Фотошопа?

Comments

[Ankhena]

Проще всего, конечно, поменять верстальщиков.

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

Узнайте у них по какому принципу они называют переменные с цветами, шрифтами, как называют картинки и т.д. Они будут вам благодарны (надеюсь), если в проекте вы сразу назовете их также. Покажите им как и где посмотреть полную готовую палитру и вариации шрифтов для сайта. Объясните, что теперь нет необходимости тыкать куда-то пипеткой и выяснять это ровно такой же цвет или чуть другой.

Узнайте как они сейчас измеряют расстояния между объектами или внутренние отступы. Покажите, как в фигме и без плагинов.

Поговорите о процессе внесения правок в макеты и подавите на боль с кучей версий psd файлов, которые к тому же нужно хранить в папках.

И т.д.

[Антон Теплоухов]

Ankhena, спасибо, лучший ответ, то что нужно)

[Антон Литвиненко]

мне пофиг с чего верстать, фотошоп, фигма, инвижн. везде есть плюсы и минусы

[Rustam Bainazarov]

Хреновые верстальщики у вас. Figma объективно лучше не только для создания, но и для экспорта нужных материалов.

В целом, на основании чего верстать, — всё равно. Более глубокая автоматизация процесса, помимо экспорта, пока что очень номинальна. Типичные проблемы в основном связаны с ошибками дизайнера и нереализуемостью задуманного, что к самому способу передачи макета не относится. Но, опять же, Figma всё равно удобнее.

P. S. У вас хреновые верстальщики.

[Ярослав Александров]

А может это вы должны одинаково свободно владеть как фигмой так и фотошопом? В компании есть налаженный процесс, но вдруг приходит дизайнер, которому видете ли его величеству "приходится ковыряться в Фотошопе"

Answer 1

[Sanes]

Лентяи, которые не хотят учиться. Ищите других.

Comments

[Антон Теплоухов]

По факту быстрей верстать из Фигмы же наверно?

[Andrew]

Антон Теплоухов, по факту, из того, что больше всего использовал.
Avocode 1 <3

[Sanes]

Антон Теплоухов, отчасти да. Макет в принципе должен быть векторный.
Фотошопу надо оставить только обработку растровых изображений и фотографий.
Получится следующее:
1. в фотошопе готовятся изображения
2. в фигме уже рисуем макеты страниц с применением подготовленых картинок
4. верстаем CSS/HTML

Answer 2

[Юрий]

Что можно им предложить?

Сменить верстальщиков.

Comments

[Антон Теплоухов]

а если мне всё равно с ними работать, может есть какой-то вариант?

[Антон Теплоухов]

есть всякие Зеплины итд, я просто не силен в этом)

[Антон Теплоухов]

поможет им это делать быстрей?)

[Sanes]

Антон Теплоухов, если вам всё равно с ним работать, то делайте, как говорит.

[Виталий Першин]

Антон Теплоухов, зеплин, фигма, XD и прочее это по сути одно и тоже, при чем фигма наверно сама практичная.. Лично мне без разницы что использовать, но фотошоп всегда открыт так как иногда самостоятельно приходиться редактировать изображения

Answer 3

[Иван В]

Верстальщик на связи. От коллег в недоумении, фигма отличный инструмент.

Во-первых, есть веб-версия, не нужно ничего устанавливать \ обновлять.
Во-вторых, командная работа.
Можно оставлять комментарии прямо в макете, видно курсоры юзеров, которые тоже смотрят проект (намного проще обсуждать макет на созвоне, когда видно куда смотрит человек). Чтобы кому-то из коллег показать макет, достаточно кинуть ссылку.
В-третьих, так как проект в сети, нет путаницы с файлами, которые тебе досылает дизайнер, если в макете были какие-то правки.

Чтобы продавить фигму, мне кажется, с одной стороны, нужно попробовать ее в каком-нибудь "несрочном" проекте. Чтобы верстальщики могли спокойно освоить инструмент, без давления менеджмента насчет невыгодной долгой работы. С другой стороны, узнать у верстальщиков чем на их взгляд фотошоп лучше и попробовать найти альтернативу в фигме.

Comments

[Антон Теплоухов]

Спасибо за ответ, Иван, я понял) буду думать, как продвинуть Фигму в массы)))

Answer 4

[Олег]

Люди привыкли работать с photoshop. Пока нейронные связи в мозгу новые сформируются при обучении работы с figma - пройдёт время, а всё это время верстальшики будут тормозить процесс.

Comments

[Sanes]

Фигме уже 100 лет

[Антон Теплоухов]

Я просто не понимаю неужели из psd реально быстрее?

[Владимир]

Хреновые люди, если на одном пректе работают с Avocode, на втором с Adobe XD без оболочек, а на третьем с Zeplin что делать ?

[Олег]

Антон Теплоухов, быстрее в том, к чему привык.

Answer 5

[Алекс Глебов]

Возможно c psd работают через avocode, а он действительно удобнее фигмы для верстальщика.
Мне с переходом дизайнера на фигму, мне тоже было непривычно. Первое время импортировал .fig в тот же avocode, но потом забил и привык верстать прямо из фигмы.

Так что просто объяснить, что фигма наиболее подходящий инструмент для дизайна интерфейсов чем фш, и с переходом на нее ничего не сделать. Еще можно познакомить их с интерфейсом, скинуть уроки и тд.(Как скрывать слои, измерять расстояния, где смотреть размеры элементов, смотреть цвета/шрифты, вытаскивать графику)

Comments

[Владимир]

1) в авокод дизайн заливает дизайнер, верстальщики его отуда достают, и в этом случае им должнобыть пофигу в чем изначально было задизайнено.
https://help.avocode.com/en/articles/1696758-impor...

Если процесс поставлен так, что верстальшик сам себе заливает в авокод,это хреновый процесс, ибо зачем платить за тулзу, если ну умеешь ей пользоваться.

[Алекс Глебов]

Владимир, да, но там не точно импортируется. Авакод помогает с psd. Если фигма то смысла в нем нет, лучше разбираться в фигме.

[Владимир]

Алекс Глебов, Я вот только что как разработчик открыл рандомный макет в фигме со стока и там черт ногу сломит как мержинги, паддинги доставать, оно тупо вмне каждую секцию картинкой показывает.
Даже в Adobe XD есть фича - создай линку для разработчика, и там неплохо шрифты, мержинги, падинги, бекграунды видно. Можно более менее понять чего дизайнер задумывал, если он это дела как макет рисовал, задумываясь о разработчиках.

[Юрий]

Владимир, значит такой макет, в стоках полно фигни. Потому что фигма прекрасно умеет показывать и отступы, и именованные цвета, и стили абзацев. Даже стили эффектов завезли.

[Владимир]

Юрий, В приложении, или можно давать для разработчиков доступ по ссылке?

[Юрий]

Владимир, у Фигмы нет нативного приложения, даже то, что устанавливается в систему — просто electron-обёртка для веб-версии. Так что нет разницы, везде всё работает одинаково. Можно кинуть ссылку, выбрав нужные права доступа.
Единственный нюанс: если доступ предоставить только на чтение, могут быть сложности со сгруппированными элементами, но (!) всегда можно ткнуть Copy to my drafts, сделать себе копию и выпотрошить из неё вообще всё.

Answer 6

[Владимир]

А вы им просто fig файл отдаете, или юзаете какую то тулзу чтобы можно было ассеты доставать? (Zeplin, Avocode)

Comments

[Антон Теплоухов]

да я им ничего не успел отдать, мне сразу сказать что онли фотошоп)