Vizcom.ai — впечатляющий Ai-рендер для ваших набросков прямо в браузере. Несколько минут и можно показывать идеи заказчику. Нарисовал за секунду одну извилистую линию — результат на картинке.
#ai #нейросети #tools #инструменты

Difftastic, a structural diff that understands syntax.

#tools #diff #git
@thedevs

https://thedevs.link/XoFaY6

Продолжим новости с конференции Adobe MAX 2024 — что там нового во флагманских продуктах Creative Cloud:

1. Photoshop: Новая функция Generative Workspace упрощает генерацию элементов и сцен для подачи дизайна. Можно быстро убрать визуальный мусор в изображении, сгенерировать похожие через функцию Generate Similar, удалить фон и сгенерировать новый. Появилась интеграция с Substance 3D для работы с трёхмерными объектами. Улучшена работа с цветом и добавлена поддержка вариативных шрифтов. Больше деталей и отдельно про версию для компьютеров.

2. Illustrator: Добавили функции Generative Shape Fill (генерирует детальную иллюстрацию по заданной форме) и Text to Pattern (можно настраивать плотность сгенерированных текстур), а также работу с 3D-изображением в векторном стиле через Project Neo. Появилась привязка объектов к линии (позволяет перемещать их всей группой), улучшена векторизация растровых изображений и генерация по текстовому запросу. Можно автоматически накладывать макеты этикеток на шаблоны мерча и упаковки, менять размер макета с автоматическим изменением иллюстрации. Контекстная панель инструментов. Больше деталей.

3. InDesign: Контекстная панель инструментов, генерация изображений и дорисовка их недостающей части, математические выражения через MathML, экспорт в HTML5, развитие поддержки accessibility. Больше деталей.

4. Lightroom: Можно убрать ненужные объекты с фото и организовать фото в авто-альбомы.

5. After Effects: Освежили интерфейс и усилили работу с 3D, включая интеграцию с Substance 3D. Можно смешивать двухмерные и трёхмерные объекты, импортировать анимацию 3D-объектов и докручивать её в инструменте, делать реалистичные и цветные тени, строить карты глубины. Появились новые пресеты анимации для инфографики, улучшена работа с текстом. Сильно качнули производительность.

6. Express: Массовое создание картинок на основе шаблона и таблицы с контентом, генерация недостающей части картинки, автоматическое переписывание и перевод текста, автоматическая анимация, таблицы и инфографика, перекраска макета для целостности, интеграция с Lightroom и InDesign. Больше деталей.

7. Project Concept: Экспериментальный инструмент для исследования визуальных идей. Можно собрать мудборд, а дальше скрещивать жанры найденного и делать наброски композиции. Картинки для мудборда можно добавлять, а можно — генерировать.

8. GenStudio: Цельный инструмент для работы с разными аспектами performance-маркетинга на базе алгоритмического дизайна. После загрузки библиотеки материалов и гайдлайнов бренда может генерировать баннеры и другие промо-материалы в разных разрешениях. А дальше — собирает аналитику по тому как они сработали и помогает доработать их. Его анонсировали весной, а сейчас запустили.

9. Premiere Pro: Освежили интерфейс и добавили функцию Generative Extend, которая может сгенерировать недостающие части видео (удлинить видео, смягчить переходы, дольше показывать определённые кадры). То же самое касается и аудио-дорожки (но не музыки). Ещё можно скорректировать движение глаз (например, если они бегают). В остальном интерфейсе улучшили работу с переходами и звуком, переработали работу с цветом, добавили автоматическую очистку шумов и вырезку слов-паразитов, упростили экспорт в ТикТок. Ну и заметно качнули производительность вообще и в работе с видео сверхвысокого разрешения (8K).

10. Frame.io: Крупное обновление приложения для компьютеров, iOS и iPadOS. Упрощают важные этапы работы над проектами: кастинг и прослушивание, поиск локаций, разбор отснятого за день материала и выгрузка с камер в облако, управление кампаниями.

Уже который год многое из алгоритмического новья — результаты экспериментов Adobe Sneaks. Причём всё чаще они попадают в рабочий продукт уже на следующий год, а не просто когда-то. Дизайнеры во многом по делу точат зуб на Adobe, но они были и остаются лучшей компанией, которая осмысленно внедряет алгоритмический дизайн в реально массовые инструменты. Сымаю шляпу очередной год подряд.

#tools #adobe #events

Baseline в Browserlist. Свежий релиз Browserlist 4.26.0 теперь позволяет настроить браузерную поддержку в терминах Baseline, например "baseline widely available", "baseline newly available", а также более консервативый "baseline 2024" и раньше. #baseline #tools

https://browsersl.ist/#:~:text=select%20browser%20by%20baseline

Совершенствуем Baseline для реальной разработки. Патрик Броссет о том, как статусы Baseline newly/widely available помогают быстро оценить поддержку в основных браузерах, а группа WebDX продолжает работу над сигналами по доступности, прогрессивным улучшением и полифилами, маппингом с другими браузерами и новыми инструментами. #baseline #tools

https://piccalil.li/blog/perfecting-baseline/

И этот пост должен был выйти ещё месяц назад, но кровавый перезапуск сайта дайджеста съел всё время. Многие уже наверняка это видели, так что можно пролистать. Но мне для истории выпусков нужно его сделать.
 
Продолжим новости с конференции Adobe MAX 2025 — что там нового во флагманских продуктах Creative Cloud:
 
Photoshop: Развитие функции Generative Fill — можно выбирать разные ИИ-модели. Гармоничная вклейка объектов на фото учитывает цвет, освещение и тени. Увеличение размера и качества изображения. Генерация видео.
 
Illustrator: Project Turntable для вращения векторных иллюстраций а-ля 3D доступен в бета-версии. Также упростили доступ ко всем генеративным функциям.
 
InDesign: Автоматическая расстановка элементов по сетке Flex Layout. Редактирование текстов в браузере помогает настроить взаимодействие дизайнеров и редакторов. Импорт и редактирование PDF.
 
Lightroom: Помощь в отфильтровке отснятых фото по параметрам съёмки.
 
After Effects: Общие обновления и улучшения.
 
Express: ИИ-ассистент в Express и Firefly — можно описать в чате, что нужно создать или поменять на макете. Автоматическое создание базовых гайдлайнов на основе макета.
 
Premiere Pro: Автоматическая маска для людей и объектов на видео. Общие обновления и улучшения.
 
Frame.io: Гибкий поиск по всему естественным языком, панель инструмента внутри Premiere Pro, обсуждение веб-страниц.
 
GenStudio: Развитие цельного инструмента для больших компаний, который помогает создавать коммуникационные материалы на потоке. Например, теперь там есть ИИ-агент для генерации и адаптации макетов под разные форматы. Всё это работает с концепцией StyleIDs, которую нащупали в работе с The Coca-Cola Company — это гибкие гайдлайны бренда, на основе которых делается генерация.
 
Project Moonlight: Экспериментальный ИИ-агент, который связывает разные продукты Adobe для решения креативных задач. Подключается к вашей библиотеке Creative Cloud, предлагает идеи по оформлению, отслеживает аналитику.
 
#tools #adobe #events

Веб-зависимости сломаны, можно ли это исправить? Лия Веру признаёт, что платформа переложила управление зависимостями на бандлеры, а import maps требуют глобальной конфигурации в HTML и плохо масштабируются. Она предлагает внешние import maps, доставку через заголовки и разрешение указателей на сервере. #js #tools

https://lea.verou.me/blog/2026/web-deps/

Готовый к продакшену стартовый шаблон для веб-компонентов. Аарон Густафсон собрал репозиторий с мастером настройки, вариантами импорта и регистрации, тестами на Vitest и Happy DOM, ESLint и Prettier, CI в GitHub Actions, а также с безопасной публикацией в npm и заметками по лучшим практикам для кастомных элементов. #webcomponents #js #tools

https://www.aaron-gustafson.com/notebook/a-web-component-starter-template/

Разбираемся с Git worktrees. Марко Хабер рассказывает, как держать несколько веток в отдельных папках, быстро переключаться без stash и изолировать рискованные правки. Он также объясняет, как Cursor использует worktrees для параллельных агентов и как автоматизировать установку зависимостей и копирование env-файлов. #git #tools

https://www.marcohaber.dev/blog/git-worktrees

CodePen 2.0 вышел в публичную бету. У пенов теперь своя файловая система с папками, новый блочный процесс сборки, где можно комбинировать технологии без конфигурации, совместная работа в реальном времени по приглашению, омнибар для быстрого доступа к файлам и командам, а также настоящие настройки приватности с паролями и доступом только по приглашению. Без установки, без командной строки, без сложной настройки. #tools #css

https://codepen.io/beta

CSSkit, высокопроизводительный CSS-тулчейн на Rust. Проект Кита Циркеля объединяет парсинг, минификацию, линтинг, форматирование, транспиляцию, бандлинг и анализ CSS в одном инструменте без конфигурации. Также включает интеграцию с LSP для поддержки в IDE. Проект вдохновлён oxc и находится в стадии альфы. #css #tools

https://csskit.rs

Обзор новинок Git 2.54. Тейлор Блау рассказывает о новых командах: git history reword открывает редактор с сообщением коммита и переписывает его на месте, не затрагивая рабочее дерево или индекс, а git history split позволяет интерактивно разделить коммит на два, выбирая участки кода для нового родительского коммита. В отличие от git rebase, эти команды работают в пустых репозиториях и отказываются выполнять операции с конфликтами слияния. #git #tools

https://github.blog/open-source/git/highlights-from-git-2-54/

Автоматизация браузера из терминала с Chrome DevTools MCP CLI. Джоан Леон рассказывает о CLI, которая управляет Chrome через консоль вместо скриптов на Puppeteer или Playwright. Постоянный демон сохраняет состояние между командами для навигации, троттлинга сети, мобильного вьюпорта, тёмной темы и взаимодействия с формами. Можно получать дерево доступности, выполнять JavaScript, делать скриншоты, запускать Lighthouse и трейсить Core Web Vitals. #devtools #tools

https://joanleon.dev/en/chrome-devtools-mcp-cli/

Ежегодная презентация крупных продуктовых рывков Figma Config 2026 прошла 23–25 июня в Сан-Франциско. Получился один из самых сильных запусков за всю историю, который крепко тащит нас всех в будущее инструментов дизайна.
 
Вот что было по основным направлениям:
 
Слои с кодом в Figma
Это главный космос из показанного, да и на рынке вообще. Любой слой может стать слоем на базе кода — конвертировать в него дизайн или готовый подключить репозиторий кода. Такой слой становится интерактивным — можно взаимодействовать с интерфейсом как с интерактивным прототипом.
 
Самый огонь-пожар, что при взаимодействии с этим прототипом можно вытащить любые состояния как редактируемые макеты. Изучить внимательно, поправить их как обычный дизайн и снова закоммитить в репозиторий. Делать ветки для отдельных версий через простое дублирование слоёв кода.
 
Всё это работает благодаря глубокой интеграции Figma Make под капотом — они сделали много таких фундаментальных решений за последние месяцы. Например, диктовать команды голосом.
 
Figma Motion
Полноценные инструменты анимации прямо в Figma, вместе с таймлайном. Можно автоматически записать ключевые кадры, если подвигать элементы или описать словами агенту. Всё летает шустро, моментально показывает все доработки на лету.
 
Можно анимировать шейдеры, есть оркестровка и стилистические заготовки для быстрого старта. На подходе 3D-трансформации.
 
Упрощается работа с дизайн-системами, которые описывают анимацию — появились специальные переменные. Её тоже можно быстро перегонять в код и разбирать в DevMode, читать по MCP. Всё это можно экспортировать в видео-файлы и гифки.
 
Агент Figma
Скоро будет работать в других инструментах — FigJam, Figma Slides. Получит навыки, плагины, сможет загружать вложения. Коллеги смогут видеть ваши чаты с агентом и лучше понимать контекст.
 
Генеративные плагины
Делать свои микро-инструменты дизайна стало ещё проще — можно сгенерировать плагин по текстовому описанию. Он будет жить в конкретном файле Figma и выглядеть нативно.
 
Шейдеры
Их тоже можно создавать через агента —'эффекты, текстуры и трансформации; статические, динамические и интерактивные. Можно определить настраиваемые параметры, которые станут стандартным интерфейсом.
 
Figma Weave
Наконец-то началась интеграция Weave в основной интерфейс Figma. Пока это 20 первых цепочек обработки типа стилизации, фотосессий товара, накладывания лого на мерч или генерации мокапов, но скоро можно будет создавать свои. По сути они упрощают весь пайплайн до «что на входе» и «что на выходе» (вся механика под капотом).
 
Макет Figma может стать узлом в пайплайне интерфейса Weave. Конечно, больше всего ждали более тесной интеграции Weave в основной редактор. Но, видимо, это всё совсем нетривиально.
 
Обзор ключевых анонсов. И полное видео с кучей деталек. Оно абсолютно стоит того, чтобы посмотреть внимательно. Ребята создают мир гибкого и контекстного применения ИИ, который уводит нас из каменного века prompt-driven инструментов — лет через десять над ним будут угорать, как над эпохой перфокарт.
 
Можно запросить ранний доступ ко всем этим запускам.
 
#figma #tools