Roy — простейшая пипетка для macOS. С нажатием ctrl даёт более точно выбрать нужный пиксель. Просто, быстро и ничего сверх того.

#джедайст_плюс_инструменты

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

#джедайст_плюс_инструменты

Если раньше изменения макета могли довольно легко транслироваться в обновления стилей компонентов только в одностороннем порядке, то проект Avocode Open Design способен сделать и обратный процесс простым. Тулкит превращает файлы Sketch, Figma, Photoshop, Illustrator и Adobe XD в стандартизированные объекты и ресурсы JSON для чтения, изменения и отображения дизайн-данных. Это позволяет легко синхронизировать дизайн-токены, выстроить флоу локализации или конвертировать дизайнерские файлы из одного формата в другой. Пушка!

#джедайст_плюс_инструменты

Мастхев для ребят, делающих сайты на Тильде — расширение для Chromium-браузеров ANNEXX — набор инструментов для работы с Zero-блоком. Эта штука умеет:
- размножать step-by-step анимацию для последующих элементов привычным копи-пастом;
- просто регулировать расстояния между однотипными элементами с помощью улучшенного Tidy Up;
- масштабировать элемент без привязки к точкам;
- выбирать шрифты Google Fonts внутри Zero блока и лишь потом подключать их к сайту;
- и еще кучу полезностей

Есть 3 дня пробного использования, а обойдется это чудо от $4/месяц.
https://youtu.be/VsYLuFS77Bg

#джедайст_плюс_инструменты

Editable продолжает славный ряд инструментов для комментирования прямо на чем-либо. Картинки и сайты были, теперь очередь за видео! Это приложение для macOS позволит рисовать и прикреплять заметки прямо на ролик и затем поделиться результатом.

#джедайст_плюс_инструменты

Whimsical расширили спектр своих решений документами, сильная сторона которых будет в интеграции с флоучартами, вайфреймами, ассоциативными картами и прочими схемами. Тут можно вести пректную документацию и общие встречи (например, интервью или мозговые штурмы), командную вики, командные и личные заметки. Классное бесплатное предложение подойдет большинству небольших команд.
https://youtu.be/kv82K4YiJnM

#джедайст_плюс_инструменты

Product Fit поможет измерять и отслеживать соответствие вашего продукта рынку.
Инструмент предлагает механику опроса прямо в целевом приложении в нужном месте в нужное время. Есть отслеживание результатов во времени и их разбивка по рынкам, персонажам или другому сегменту. Решение еще и неплохо собирает главные преимущества и точки роста в одной диаграмме.
До апреля использование бесплатно, а потом нас ожидает такая линейка цен: до 50 ответов в месяц достанутся вам бесплатно, до 1000 обойдутся в $19, а до 5000 — в $49.
https://youtu.be/cZic4vHz3IE

#джедайст_плюс_инструменты

Наконец, отличный онлайн-генератор градиентов. Уже известный нам по курсам LearnUI Эрик Кеннеди представил инструмент, который позволяет делать красивые цветовые растяжки с изингами и дополнительными стопами. Есть выгрузка в CSS и SVG. Кайф!

#джедайст_плюс_инструменты

Новый инструмент для совместной работы Kitemaker построен вокруг взаимодействия с рабочим элементом — инициативой, поставляемым продуктом или багом. Каждый такой элемент
объединяет общий документ для планирования или постановки задач и ленту активности для обсуждения и наблюдения за процессом разработки. Процесс можно импортировать из джиры или трелло. Внутри расширенные интеграции с дискордом, слаком, фигмой и гитхабом.
Бесплатный тариф подразумевает 250 таких рабочих блоков, хотите больше — платите от $8/месяц за сотрудника.

#джедайст_плюс_инструменты

Svgasm превращает гифки в SVG-анимацию, попутно уменьшая размер файла. Вот так просто. Весьма узкоспециализированная штука, но вполне подойдёт для, например, подготовки нарисованных транзишенов.

#джедайст_плюс_инструменты

Airdocs умеет генерировать PDF-документы на основе данных из Airtable. Внутри есть классный drad-and-drop конструктор для создания шаблонов и условное отображение элементов. Особенно полезно для использования внутри ноукод-решений с базой данных на Airtable.
Пока можно записаться на ранний доступ. А промокод EARLYACCESS40 даст -40% при годовой подписке на сервис.

#джедайст_плюс_инструменты

Ноукод-решение для проектирования, прототипирования и запуска чатов и голосовых команд — Voiceflow — обрёл возможность создавать приложения для Alexa и Google. Так же добавились совместная работа над проектом, SDK для работы с любым каналом, десктопное приложение, разработка смешанных (голос+текст) интерфейсов. В русский уже умеет. Два тарифа: бесплатный с 2 проектами и навороченный Про за $40/мес с члена команды.
https://youtu.be/Ov9a929RSf4

#джедайст_плюс_инструменты

Еще один интерактивный инструмент для сбора фидбека на странице — Brevy. В наличии удобный механизм реакций и интеграция с Slack и Jira, чтобы автоматом со страницы создавать и назначать задачки. Выглядит прикольно. Пока бета-доступ по приглашениям.

#джедайст_плюс_инструменты

Немного о генераторах

• Бесплатное веб-приложение Haikei поможет сделать множество уникальных SVG-форм, фонов и узоров — всего 15 разных пресетов.

• Генератор клякс Blobs получил заливку градиентами, узорами и картинками во 2 своей версии.

• Smashing Magazine выпускает серию публикаций про инструменты для дизайнеров и разработчиков. На прошлой неделе речь зашла о генераторах CSS — от теней до плавных градиентов, наложений и рисунков. Бóльшую часть инструментов уже упоминал, но собрать все в одну кучку не будет лишним.

#джедайст_плюс_инструменты

Занятный онлайн-инструмент Globs основан на работе с опорными точками-кружками, которые потом соединяются между собой в фигуры. При этом сохраняются то самое важное напряжение линий. Процесс рисования будет интересен для создания логотипов и возможно шрифтов. Пока штука довольно сырая — даже экспорта нет — и это усложняет пока реальное применение инструмента в работе. Так что остаётся только играться и ждать новых возможностей.
https://twitter.com/i/status/1379055924074135559

#джедайст_плюс_инструменты

Приложение для 3D-дизайна Plasmo автоматически превращает эскизы в модельки. Рисуем обычные кривые, а инструмент распознает их, проецирует в 3D и создаёт mesh. На выходе получаем файлы для использования в WebGL, Blender и Unity. Пока только намечается старт бета-версии, но штука крутая!
https://youtu.be/xRy1budRPFQ

#джедайст_плюс_инструменты

Помните твит, где чувак писал, что ему надо, а плагин рисовал это в Figma? Так вот итог этого проекта — инструмент Tricycle, который умеет:
- автоматически перелинковывать кнопки и экраны вместе для создания интерактивного прототипа;
- автоматом применять автолэйауты и привязки макета и изменять размер слоев;
- преобразовывать текст ваших идей в компонентах вашей дизайн-системы.
#джедайст_плюс_инструменты

https://twitter.com/jsngr/status/1284511080715362304

Вести с Adobe MAX
Photoshop и бета-версия Illustrator обрели веб-версии для совместной работы: без подписки Creative Cloud можно смотреть и комментировать проекты в браузере, а с ней можно там же вносить изменения. В рамках улучшения коллаборации Adobe запустили под бета-тестом платформу с централизованным доступом к файлам и библиотекам Creative Cloud Spaces и вайтборд Creative Cloud Canvas для совместной работы.

Помимо того Photoshop получил обновленное выделение, которое автоматически может выделять объекты по наведению мышкой или клике. Улучшили взаимодействие с Illustrator — обещают легкий импорт файлов ai с поддержкой слоев, фигур, контуров и векторных масок.
Появились новые умных фильтра для обработки фото: Landscape Mixer для объединения разных пейзажей в один, Color Transfer для переноса палитры с одного изображения на другое и Harmonization для помощи в перекраске для коллажирования разных изображений. Еще есть много улучшений: фильтр масляной краски, градиент, экспорт.

#джедайст_плюс_инструменты

​​Illustrator получил 3D-эффекты: «Вращение», «Поворот», «Вытягивание», «Освещение» и «Тени» — для векторной и создания трехмерной графики. Также можно применить текстуру к объекту, с помощью тысяч материалов Adobe Substance или собственного. Можно размещать связанные облачные документы PSD в документах Illustrator. Обводки с переменной толщиной потеряли лишние опорные точки для более простого изменения. А еще улучшили опыт работы с отсутствующими шрифтами и поиск аналогичного текста.

Для iPad приложение Illustrator получило улучшенную машинным обучением трассировку Vectorize, поддержку новых кистей и любимый многим инструмент Blend.

#джедайст_плюс_инструменты #джедайст_плюс_новости

Плагин для Figma, который переводит создаёт тени посредством перетаскивания источника света и настройки поднятия (aka elevation). Самое оно для натуральных тенюшек. Инструмент основан на статье про красивые тени на CSS — тоже прочитайте.

https://twitter.com/i/status/1488227729929551872

#джедайст_плюс_инструменты