26 ноября, 15:30

Шесть инструментов для дизайна без возни с кодом и другие джедайские штучки

Это Джедайст — дайджест о веб-дизайне. Собрали в Red Collar.

Шесть инструментов для дизайна без возни с кодом и другие джедайские штучки

Ноябрь заканчивается, за окнами завывает ветер, atomic закрывают. Пришло время кутаться в плед, попивать какао из любимой кружки, слушать меланхоличную ноябрьскую музыку и читать свежий выпуск Джедайста — согреем обновлениями.

Подсиживаем программистов

Bondlayer — интересный визуальный инструмент нового поколения для создания, публикации и поддержки приложений и сайтов без ограничений в коде или шаблонах. Должен сократить промежуток между проектированием и реализацией. Макет больше не артефакт производства! Кодить не нужно, но понимание принципов вёрстки и CSS понадобится.

Есть два тарифа: бесплатный и за 10 € в месяц. Последний обещает публикацию на свой домен, SSL и до двух тысяч записей в CMS.

Bondlayer

Похожий Blocs предлагает — помимо всего вышеперечисленного — набор готовых редактируемых блоков, автоматическую генерацию карты сайта для SEO. Стоит 100 баксов, есть пробный период. И всё бы ничего, но вот незадача: работает только на macOS.

Blocs

17 курсов по интернет-маркетингу со скидкой до 50%!

Учебный центр Skillbox проводит новогоднюю распродажу: 17 отличных курсов по интернет-маркетингу и менеджменту со скидкой до 50%! В наборе:

  • Интернет-маркетолог от А до Я
  • Управление репутацией бренда
  • Сквозная аналитика
  • Управление digital-проектами
    и многое другое
Большие скидки, возможность рассрочки платежа. Предложение действует только до конца декабря.

Узнать больше >>>

Реклама

Shift пока что в альфе, но уже обещает создавать продукты со скоростью прототипов. По сути это ещё один визуальный редактор с переиспользуемыми React-компонентами. Есть коллаборация с разработчиками без handoff и работа с живыми данными.

В последнее время наблюдаем рост числа подобных решений, причём с весьма однотипным набором фич. Интересно, чем они будут подкупать нас дальше?

Shift

Typetura — демо инструмента для работы с текстом. Двигаем ползунок сверху, чтобы выбрать контрольные точки, а в панельке справа играемся с текстовыми свойствами. Смак в том, что подобная работа с текстом точно отображает поведение блоков в браузере. Пожалуй, таким паком инструментов должен обладать современный редактор веб-дизайнера.

Typetura

VisBug — визуализация работы инструмента разработчика (DevTool) специально для дизайнеров прямо в Google Chrome. Можно работать со страницей, как и с артбордом, проверять содержимое (привет копирайтерам и UX-райтерам) и прототипировать взаимодействия. Авторы говорят, что их VisBud — вовсе не конкурент, а дополнении Figma, Sketch или Adobe XD. Выглядит мощно!

VisBug

Разработчики выпустили Invision Studio 1.0, дополнив её фичами по запросам сообщества. Положили туда совместные дизайн-библиотеки и мокапы устройств для проверки контекста дизайна, а также улучшили перо и добавили дополнительные функции в анимацию и прототипирование. Надо пощупать!

Ускоряй!

Плагин Felipe для Sketch поистине крут: накидываем фигуры, а потом вжух! — и они магическим образом превращаются в соответствующие символы. Очень крутая штука, чтобы накидать скетчи максимально быстро.

Felipe

Сложно найти дизайнера, работающего в Sketch и при этом не использующего Anima. После автопаддинга ребята ввели паддинг во вложенных объектах. И это бомба! Теперь точно можно сказать, что если вы работаете в одиночку, то Sketch — лучший инструмент на данный момент.

Anima

Маленькие помощники

Иллюстрация. Свободные иллюстрации для проектов предлагает сразу два новых продукта: Undraw (в формате SVG) и Drawkit (PSD).

Аудиоэффекты. Студия Daruma Audio, которая специализируется на создании музыки для моушена, сделала два пака звуковых эффектов — и бесплатно делится сокровищем.

Метатеги. Сервис Metatags покажет, как будут выглядеть ссылки в Google, Facebook, Twitter, LinkedIn, Pinterest и Slack, а также сгенерирует код для самого метатега. Мелочь, а приятно.

Совместная работа. Закончим выпуск новым инструментом от Whimsical — Sticky Notes. Авторы рекомендуют их для канбана, диаграмм близости (affinity mapping), Lean Canvas и User Story Mapping.

Рекомендуем: Дизайн-системы: почему это плюс для продукта, но минус — для студии

Мнение редакции может не совпадать с мнением автора. Ваши статьи присылайте нам на 42@cossa.ru. А наши требования к ним — вот тут.



🤔 Чем живёт digital?
Главное — в рассылке: