Export PSD inside Zeplin or Extract
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
- Existing user? Sign In
- Sign Up
Browse
Activity
Affinity
- Create New.
Important Information
Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we’ll assume you’re okay to continue.
Zeppelin как открыть psd
Как экспортировать PSD в Zeplin
Zeplin.io — способ подружить дизайнера и верстальщика
Вот небольшое введение в экспорт исходников Sketch в Zeplin
“Make Exportable”
- Нарисуйте слайс вокруг иконки.
- Сгруппируйте иконку и слайс.
- И вот самая крутая часть: Выделите слайс и выберите опцию “Export Group Contents Only” (экспортировать только содержимое группы):
Zeplin 2.0 — инструмент для совместной работы дизайнеров и верстальщиков
Zeplin — незаменимый инструмент для команды верстальщиков и дизайнеров. Вы можете экспортировать проекты в Zeplin из таких программ, как Sketch, Adobe Photohop, Adobe XD и Figma.
Давайте откроем Sketch файл и экспортируем другую монтажную область (art board).
Вы можете перетащить область или выбрать несколько монтажных областей и использовать плагин для экспорта выбранных областей в zeplin (или горячими клавишами Command Control + E)
После этих действий вы перейдете к панели zeplin для выбора проекта, в который вы хотите экспортировать выбранные монтажные области
И теперь новый экран добавлен в проект и мои товарищи по команде могут его увидеть.
Верстальщики теперь могут выбирать отдельные слои на макете для просмотра детальной информации.
Сюда входят иконки:
информация о шрифте:
удобный просмотр размеров между различными слоями в макете:
В этом примере, вы можете заметить, что zeplin генерирует в правой колонке различные значения. Например, для Swift, потому что это проект для iOS.
Zeplin также генерирует адаптирует различные значения макета и для Android, Web и даже таких фреймворка React Native.
Zeplin сгенерировал фрагмент кода из выбранного слоя. Это делается с помощью расширений. Расширения с открытым исходным кодом и делаются разработчиками, которые используют Zeplin.
Вы можете добавить себе те, которые нужны конкретно вам или создать свое собственное расширение.
Давайте отключим пока Swift и код для веба
и включим расширение для генерации кода React Native
Вы можете заметить, что некоторые слои, например, как этот, являются частью компонента Album header
Давайте перейдем в него
Это компоненты проекта, то есть общие элементы пользовательского интерфейса
Символы, используемые во всем вашем проекте.
Подобно экранам, вы можете кликнуть по ним и получить подробную информацию
И даже увидеть на каких экранах они используются
Рядом с компонентами, вы также можете сохранять и упорядочивать цвета и стили проекта.
Они также могут быть экспортированы из инструментов проектирования, таких как Sketch, Photoshop, Figma, Adobe XD.
Так. Давайте вернемся к экрану.
Если вы настроили ссылки на прототипы в своем инструменте проектирования, то Zeplin их тоже получит.
Итак, если вы нажмете и будете удерживать клавишу Shift, то увидите эти ссылки
Кликнув по первой, мы перейдем на экран Browse
Когда вы экспортируете одну и ту же монтажную область в течение некоторого времени с новыми изменениями, Zeplin сохранит их в соответствии с версией прямо у себя. Кликните по иконке песочных часов в нижней левой части, чтобы посмотреть историю изменений.
Вы можете добавлять комментарии, поясняя изменения для команды
И наконец, вы можете кликать на слои проекта для добавления заметок. Можно использовать их, чтобы оставить отзыв или запросить, какие то технические детали.
Как мне получить SVG от Zeplin?
В разделе проекта нажмите кнопку «…» и выберите «Загрузить все изображения экрана» в раскрывающемся списке. Чтобы загрузить все экраны в теге, сначала выберите тег, щелкните его правой кнопкой мыши и выберите там параметр «Загрузить все изображения экрана».
Как экспортировать компонент в Zeplin?
Просто выберите символ или несколько символов (которые обычно находятся на странице «Символы» в Sketch) и нажмите Control + Command + E, чтобы начать процесс экспорта. После экспорта символов в Zeplin они будут перечислены в разделе «Компоненты» руководства по стилю.
Как скачать PSD с Zeplin?
Выберите любой слой/монтажную область в файле Photoshop. Откройте плагин и нажмите «Экспорт выбранных артбордов». Выберите свой проект или руководство по стилю, затем нажмите «Импорт», чтобы начать процесс экспорта.
Как извлечь активы из Sketch?
Откройте файл Sketch, выберите слой, несколько слоев или монтажную область и нажмите «Сделать экспортируемым» в правом нижнем углу. Убедитесь, что формат установлен как PNG в раскрывающемся списке «Формат». Отрегулируйте размер разрешения и нажмите «Экспорт» (либо «Экспортировать слои», либо «Экспортировать [имя монтажной области]»).
Как сделать что-то экспортируемым в Sketch?
Создание экспортируемых активов
- В Sketch вы можете создавать ресурсы двумя разными способами: путем преобразования элемента в экспортируемый элемент или с помощью фрагментов. …
- Чтобы определить экспортируемый элемент, щелкните слой или папку, чтобы выбрать его, а затем щелкните значок «+» рядом с «Сделать экспортируемым» в правом нижнем углу экрана.
Как экспортировать компонент из XD в Zeplin?
Выберите «Плагины > Zeplin для XD > Экспортировать выбранное…» в меню или используйте ярлыки:
- На Mac: Ctrl+Shift+E.
- В Windows: Ctrl+Alt+Z.
Как экспортировать компоненты из Zeplin в Figma?
Вы можете выбрать компонент или несколько компонентов (которые обычно находятся в разделе «Компоненты» в вашем файле Figma), которые вы хотите экспортировать в Zeplin, и нажать кнопку «Экспорт». После того, как вы экспортируете свои компоненты в Zeplin, они будут перечислены в разделе вкладку Компоненты.
Как подключить Zeplin к Photoshop?
Разархивируйте его и скопируйте папку с именем io. цеплин. фотошоп-панель. Нажмите Win+R, введите %APPDATA%AdobeCEPextensions и нажмите Enter.
Чтобы установить плагин:
- Скачайте плагин отсюда.
- Разархивируйте его и скопируйте папку с именем io. цеплин. фотошоп-плагин.
- Вставьте его в папку Photoshop Plug-insGenerator.
Как загрузить шрифты из Zeplin?
Одной из уникальных особенностей плагина Zeplin для Sketch является то, что вы можете экспортировать текстовые стили непосредственно в проект или руководство по стилю. В верхней строке меню Sketch выберите «Zeplin», затем «Экспорт стилей текста», чтобы экспортировать только текстовые стили из вашего файла в проект или руководство по стилю.
Как открыть файл .Sketch?
Sketch — это специальное приложение для Mac, которое работает с графическим дизайном аналогично Photoshop. С помощью программного обеспечения Sketch на вашем Mac вы можете легко открыть файл двойным щелчком мыши, чтобы открыть его в Sketch. Однако, если вы используете Mac и у вас нет Sketch, вы можете загрузить 30-дневную пробную версию приложения.