ИНСТРУМЕНТ УСКОРЯЮЩИЙ ВЕБ-РАЗРАБОТКУ
Эта статья для начинающих верстальщиков и фронтенд-разработчиков.
Сейчас я расскажу Вам об удобном инструменте для работы с макетами сайтов.
Как правило, большинство шаблонов это PSD файлы. И мы, работая с ними в известном для всех Adobe Photoshop, ощущаем его недостатки. Но есть инструменты, которые облегчают работу с макетами. Один из них – Marsy для совместной работы дизайнеров и фронтенд-разработчиков. Давайте познакомимся с ним!
Marsy нацелен на перевод макета из Photoshop или Sketch* в код. Нужно только загрузить макет дизайна и Marsy сделает свою работу.
Этот инструмент позволяет:
- Изучать дизайн, подготовленный в Photoshop или Sketch*
- Экспортировать ресурсные файлы для любых элементов
- Получать все необходимые элементы дизайна.
- Работает прямо из браузера.
- Сервис можно оплатить картами Российских банков.
Marsy автоматически генерирует все ресурсы, которые необходимы разработчикам, такие как фрагменты кода, активы, спецификации. Разработчики могут получить доступ к этим техническим ресурсам прямо в панели.
Что сервис может ещё:
Используя нейросеть – улучшает качество изображения и автоматически удаляет фон, конвертируя в png. Функция актуальна при создании макетов вёрстки, изображений, обработки фотографий.
Сервис оптимизирует изображения без потери качества ускоряя сайт.
В процессе:
Поддержка формата Sketch. Разработка инструментов командной работы. Сервис будет представлять организованное рабочее пространство для совместной работы над проектами.
Ниже, немного подробнее о функционале сервиса:
функции
Широкие возможности для верстальщика
Показывает стили элементов, показывает расстояния между элементами, дает возможность задавать переменные практически любой сложности, приводит список использованных шрифтов и цветов…
функции
Копирование текстов и стилей
Marsy – позволяет мгновенно копировать тексты и стили, причем можно копировать текст нескольких элементов, и в режиме мультикурсора вставлять его в разные места за один подход.
функции
Экспорт изображений
Пакетный экспорт изображений сэкономит ваше время кратно. Для изображений возможно выбрать формат сохранения в jpg или png . Для векторных слоев можно получить svg файл или BASE64
функции
Работа со слоями
Вкладка “Слои” открывает всю структуру макета – папки, слои. Пользователь может видеть иерархию, управлять видимостью слоя, осуществлять навигацию между элементами, выделяя их.
функции
Работа с переменными
Пакетный экспорт изображений сэкономит ваше время кратно. Для изображений возможно выбрать формат сохранения в jpg или png . Для векторных слоев можно получить svg файл или BASE64
функции
Настройка вкладок
Вкладка “Слои” открывает всю структуру макета – папки, слои. Пользователь может видеть иерархию, управлять видимостью слоя, осуществлять навигацию между элементами, выделяя их.
функции
Скачайте макет по частям или целиком
Пакетный экспорт изображений сэкономит ваше время кратно. Для изображений возможно выбрать формат сохранения в jpg или png . Для векторных слоев можно получить svg файл или BASE64
Marsy способен почти полностью заменить родные графические редакторы для каждого из поддерживаемых форматов*. С помощью этой программы работа с макетом приносит одно удовольствие и экономит кучу времени! Попробуйте все основные возможности сервиса совершенно бесплатно!
* Поддержка формата Sketch реализована и находится на стадии тестирования.
Free
₽0
Тариф для ознакомления с сервисом
- Один активный проект
- Один активный макет
- Авто удаление через 60 дней*
Basic
₽300
Тариф для профессионального использование
- Лимит макетов 300 Мб
- Неограниченное количество макетов
- Неограниченное количество проектов
- Авто удаление через 150 дней*
- Список шрифтов
- Список цветов
- Размер блоков
- Пакетное редактирование при скачивании
- SVG
- Смарт объекты
VIP
₽500
Полнофункциональный тариф без ограничений
- Лимит макетов до 5 Гб
- Макеты не удаляются
- Список шрифтов
- Список цветов
- Размер блоков
- Пакетное редактирование при скачивании
- SVG
- Смарт объекты
- Переменные
- Настройка вкладок
- Горячие клавиши
- css/sass
- Скачать макет
VIP
₽1400
Полнофункциональный тариф без ограничений
- Улучшение качества изображений
- Удаление фона изображений
- Конвертация в WEBP
- Лимит макетов до 5 Гб
- Макеты не удаляются
- Список шрифтов
- Список цветов
- Размер блоков
- Пакетное редактирование при скачивании
- SVG
- Смарт объекты
- Переменные
- Настройка вкладок
- Горячие клавиши
- css/sass
- Скачать макет
