Руководства
Режим разработчика
Для более удобной совместной работы дизайнеров интерфейсов и разработчиков в Pixso предусмотрены режим разработчика и режим презентации.
1. Переход в режим разработчика
Перейти в режим разработчика можно с помощью кнопки на правой панели. После этого по умолчанию отображаются все фреймы верхнего уровня. На правой панели также можно просматривать сведения о нарезках и скачивать все нарезки, созданные дизайнером.
Обратите внимание: отображаются только фреймы верхнего уровня, а текстовые слои, векторные фигуры и компоненты на холсте скрываются. Чтобы они отображались, создайте родительский фрейм (горячие клавиши: Command/Ctrl + Option/Shift + G).
2. Общий доступ к режиму разработчика
Холст можно передать другим пользователям непосредственно в режиме разработчика. Нажмите Поделиться в верхнем углу, чтобы скопировать ссылку. Для нее действуют те же права доступа, что и для дизайн-файла.
3. Переход в режим презентации
Чтобы разработчикам не приходилось постоянно перемещать и масштабировать холст при просмотре деталей, в Pixso предусмотрен режим презентации. Дважды щелкните по фрейму или нажмите Найти. Выбранный фрейм автоматически появится в центре области просмотра.
В режиме одного фрейма по-прежнему можно выбирать элементы, просматривать их код и нарезки, а также скачивать их. Чтобы перейти к другому фрейму, нажмите кнопку переключения внизу или выберите фрейм в списке на левой панели.
Чтобы выйти из режима одного фрейма, нажмите Выйти в левом верхнем углу.
Просмотрите и экспортируйте срезы
Панель срезов собирает ресурсы текущей страницы, подготовленные для экспорта. С её помощью можно скачать материалы, отмеченные дизайнером для передачи в разработку.
- Откройте файл дизайна в режиме разработчика.
- Откройте панель срезов справа, чтобы просмотреть ресурсы текущей страницы.
- Выберите все срезы или только нужные.
- Проверьте масштаб и формат экспорта, затем нажмите Export.
Если нужного ресурса нет, проверьте соответствующий слой и его настройки экспорта. Дизайнер может добавить настройку экспорта слою или выделить нужную область инструментом срезов. О предустановках экспорта и настройках ресурсов читайте в руководстве «Срезы».
Просмотрите блочную модель
Блочная модель помогает разработчику проверить размеры выделенного слоя, границы, внутренние отступы и расположение относительно других слоёв. Значения представлены в виде, знакомом по инструментам разработчика в браузере.
- Выберите слой в режиме разработчика.
- Откройте блочную модель на правой панели.
- Проверьте размеры, границы, сведения об углах и расстояния.
При реализации дизайна используйте эти измерения вместе со свойствами и справочным кодом на панели передачи в разработку.
Поделитесь режимом передачи в разработку
В режиме разработчика нажмите Share и скопируйте ссылку. Она открывает представление для передачи в разработку, но права доступа к исходному файлу продолжают действовать. Отправка такой ссылки не предоставляет доступ тому, у кого нет прав на файл.