Как верстать, если макеты в Sketch, а у меня Windows?

Question

[someserj]

Как верстать, если макеты в Sketch, а у меня Windows?

Comments

[sergey]

отказаться от Windows

[bro-dev]

SM: отказаться верстать из Sketch

Answer 1

[sleepyKitty]

Использовать Avocode/Поставить виртуалку

Comments

[someserj]

он умеет открывать скетч?

[sleepyKitty]

Очевидно умеет, иначе я бы не советовал
https://avocode.com/features-developer.html
там 14 дней триала, поиграйтесь и посмотрите

[someserj]

sleepyKitty: просит установить плагин для скетча, а он есть только под Мак prntscr.com/dhn4gc
что делать?

[Олег Драпеза]

someserj: Плагин - это для скетча или фотошопа, что бы загружать дизайнеру макеты. Вам надо просто установить приложение.

Answer 2

[Иван Лещенко]

https://zeplin.io

Comments

[someserj]

что она дает?

[Виктор Янышев]

Там же все написано!

[someserj]

для виндоус нет поддержки скетча prntscr.com/dhn654 как я смогу им открыть скетч-файл из под виндоус?

Answer 3

[LMI]

Avocode платный, но очень классный.
Как вариант юзай InVision. Туда можно заливать .sketch и инспектировать макет.

Comments

[violentov]

Я, например, так и делаю. Удобно

[someserj]

violentov: InVision позволяет просматривать макет, а хочу проинспектировать загруженный скетч - вот что пишет prntscr.com/dhng2m как быть?

[violentov]

someserj: Мне повезло, так как мне достаточно возможности просто просматривать макет (заказчик не требует pixel perfect).
Кстати, я на ubuntu и до InVision тоже пробовал разные инструменты.
Например, можете еще попробовать https://www.figma.com/ (на ubuntu с ним не получилось). Или вот это (не знаю точно, поддерживает ли .sketch) - https://inkscape.org/en/

[someserj]

violentov: ну а вырезать картинки в ИнВижне как? получать CSS?

[violentov]

по-моему, никак, смотришь на макет - и верстаешь. С этим проблема?

[someserj]

violentov: конечно проблема, без вырезки картинок из макета и получения цсс это геморой, а не верстка

[LMI]

someserj: В InVision как раз недавно запустили инспектор Sketch файлов , откуда можно сразу брать css и ассеты.

[LMI]

someserj https://www.youtube.com/watch?v=dSeU4OcvWyg

[LMI]

someserj https://support.invisionapp.com/hc/en-us/articles/...

[someserj]

LMI: ну в видео же используется Крафт, плагин для Скетча. а у меня Виндоус, я же говорю

[LMI]

someserj: У вас нет других вариантов. Если макеты в скетч, то загрузить их куда-то можно только с помощью плагина для Скетча.

Либо попросите дизайнера, который рисовал макеты, чтоб он залил вам их на InVision, Zeplin или же в Avocode.

Answer 4

[tnc4401]

Хм...
Приличный дизайнер оформляет макеты для верстки, проставляет направляющие, выравнивает элементы, подготавливает svg и png для верстки и заливает макет в Zeplin/Avocode (InVision недавно появился)
Никто не отдает исходники просто так (разве что совсем новички).

Figma работает со Sketch и открывается в браузере. Но вообще - просите дизайнера, пусть куда-нибудь зальет.
Фронтэндер может и должен открывать макет на любой ОС без проблем, технологии дошли до этого. Дела одного клика у дизайнера в Photoshop-Sketch.

Answer 5

[sergey]

начну с простого: откажитесь от Windows, упростите себе жизнь в верстке/frontende, и вопрос отпадет автоматически.
Ну а если она вам так люба, то вышеуказанные программы помогут, имхо лучшая из них avocode

Comments

[someserj]

какие есть варианты использовать ее бесплатно?

[sergey]

someserj: бесплатно только триал-версия 14 дней, а дальше придется уже платить, небольшие как для разработчика деньги 8,99$ в месяц