65

Как без пиратства и покупки платного ПО пользоваться макетами Adobe XD

Формат файла Adobe XD представляет из себя архив, который содержит описание структуры макеты в виде JSON структуры, графических растровых и векторных файлов использованных при создании макета.


Стандартный метод — открыть в программе Adobe XD — нужна программа купленная за деньги (подписка).

Использовать сервис-конвертор XD2SKETCH.COM — за деньги (подписка или платное разовое использование).

Программу-сервис Avocode — за деньги.
Кроме того, некоторые программы работают только в среде Mac OS (Sketch - только MAC OS или веб-приложение)

И тому подобное.


Чтобы открыть макет Adobe XD бесплатно, можно воспользоваться бесплатной программой-сервисом Photopea — в этом случае видны все параметры объектов макета и даже доступ к CSS значениям реализован удобнее чем в Photoshop. А вот реализация извлечения растровых объектов из макета, для внедрения в вёрстку, немного подкачала, на мой вкус.


Чтобы получить объекты из файла Adobe XD, достаточно открыть его как Zip-архив, например с помощью архиватора 7-Zip. В результате получим несколько папок с ресурсами JSON, XML, и папкой с растровыми объектами: «resources».


Содержащиеся там файлы будут без расширений, но это решается просто переименованием, с добавлением соответствующего расширения. Если есть сомнения в том, какое расширение необходимо, достаточно открыть файл в программе Notepad++ или в другом тактовом редакторе. У файлов формата PNG в первой же строчке будет «‰PNG». У SVG-файлов будет так же видна вся XML структура присущая SVG-файлам.


Итого, файл макета открыт в Photopea — данные CSS доступны для переноса. Папочка с графикой для вставки в вёрстку — готова.

Кроме того, из Photopea можно сохранить в PSD, который открывается некоторыми бесплатными просмотровщиками и редакторами.

Возможно, подход не оригинальный. Но уж чем богаты.

Вероятно есть и более простые методы.

Web-технологии

237 постов4.6K подписчиков

Добавить пост

Правила сообщества

1. Не оскорблять других пользователей

2. Не пытаться продвигать свои услуги под видом тематических постов

3. Не заниматься рекламой

4. Никакой табличной верстки

5. Тег сообщества(не обязателен) pikaweb

Подробнее
Лучшие посты за сегодня
11152

Собака и мразота

Собака и мразота Собака, Нападение собак, Преступление, Скриншот, Комментарии на Пикабу, Длиннопост, Негатив, Мат, Без рейтинга, Украина
Показать полностью 1
5706

Дословный перевод

Дословный перевод
4740

Быстрый экзамен

4583

Традиционный пост

Традиционный пост
4123

Захотелось острых впечатлений на старости

3900

В погоне за мечтой

В погоне за мечтой Дальнобойщики 2, Друзья, Дружба, Своя атмосфера, Компьютерные игры, Общение, Пиво, Мечта, Воспоминания
3585

Ответ на пост «Российский автопром, помоги себе сам (»

3483

Ответ на пост «Я шестой!» 

3470

Лайфхак

3230

Инвестирование

Инвестирование
2991

Звонки с неизвестных номеров

2942

Когда решил освоить Python за час

2889
Cat.Cat
Сообщество моряков

Современное пиратство глазами моряка

Современное пиратство глазами моряка Cat_cat, Море, Пираты, Нападение, Оборона, Инструкция, Океан, Длиннопост
Современное пиратство глазами моряка Cat_cat, Море, Пираты, Нападение, Оборона, Инструкция, Океан, Длиннопост
Современное пиратство глазами моряка Cat_cat, Море, Пираты, Нападение, Оборона, Инструкция, Океан, Длиннопост
Современное пиратство глазами моряка Cat_cat, Море, Пираты, Нападение, Оборона, Инструкция, Океан, Длиннопост
Современное пиратство глазами моряка Cat_cat, Море, Пираты, Нападение, Оборона, Инструкция, Океан, Длиннопост
Современное пиратство глазами моряка Cat_cat, Море, Пираты, Нападение, Оборона, Инструкция, Океан, Длиннопост
Современное пиратство глазами моряка Cat_cat, Море, Пираты, Нападение, Оборона, Инструкция, Океан, Длиннопост
Современное пиратство глазами моряка Cat_cat, Море, Пираты, Нападение, Оборона, Инструкция, Океан, Длиннопост
Современное пиратство глазами моряка Cat_cat, Море, Пираты, Нападение, Оборона, Инструкция, Океан, Длиннопост
Показать полностью 9
2808

Трое мальчиков избили девочку

Трое мальчиков избили девочку Самара, Школа, Школьники, Избиение, Негатив, Длиннопост
Показать полностью 1
2607

Ну зачем же вы так?

2317

Какой-то треш...

2303

Китайская компания Tencent хочет видеть в своих фильмах и играх «отсутствие чернокожих» и «большие сиськи»

Китайская компания Tencent хочет видеть в своих фильмах и играх «отсутствие чернокожих» и «большие сиськи» Tencent, Компьютерные игры, Фильмы, Китай, Негры, Сиськи
Источник.
Показать полностью
2196

Суперприз от казахстанских авиалиний

2179

Когда забыл прокачать иллюзию

Когда забыл прокачать иллюзию
2162

Как провожают детей в школу. Поселок Домна

Похожие посты закончились. Возможно, вас заинтересуют другие посты по тегам: