Конструктор цветовых палитр Supa Colors

Можно редактировать предустановленные шаблоны или сделать собственную палитру с нуля. Веб-приложение позволяет создавать гармоничные цветовые сочетания, настраивать яркость и насыщенность, проверять читаемость текста и то, какими будут цвета для пользователей с дальтонизмом. Работает с цветовыми пространствами OKLCH, sRGB и P3

Есть функция совместной работы. Поддерживает экспорт в CSS, Tailwind v4, TypeScript и переменные Figma

На бесплатном тарифе дают создать одну цветовую систему. Расширенные возможности стоят от 5 $ в месяц при оплате за год

supacolors.studio

#awd_tool #awd_color

EaseMaster — бесплатный сервис для визуальной настройки изингов (кривых анимации)

В сервисе можно протестировать разные виды анимации и посмотреть, как объекты будут двигаться. Получается готовый код CSS, Tailwind, Motion и GSAP для красивой и плавной анимации — код дают скопировать и использовать в проектах

easemaster.satisui.xyz

#awd_tool

OpenPencil — опенсорсный бесплатный аналог Figma c ИИ-функциями

Доступно как веб-приложение и локально: весит всего 7 МБ. Поддерживает файлы формата fig, компоненты, переменные и авто-лейауты

Есть чат с нейронкой: можно с помощью промтов создавать фигуры, настраивать стили и редактировать макеты. Через MCP дают подключить такие инструменты, как Claude Code, Cursor и Windsurf

openpencil.dev

#awd_tool #awd_neural

before click — библиотека со скринами приложений из App Store

Здесь собраны качественно сделанные скриншоты, которые станут отличными референсами. Можно посмотреть, как работать с типографикой и композицией, а также показывать функции продукта. Хорошо оформленные скриншоты приложения повышают шансы на то, что его скачают

before.click

#awd_tool #awd_ui

Платформа с ИИ-агентами для креативных проектов Luma

Агенты работают как творческая команда, «помнят» задачи и контекст проекта. Они помогут создать раскадровки и ролики, презентации, фирменные стили, инфографику, профессиональные фото товаров, упаковку и варианты интерфейсов

Агенты сами выбирают, какую нейронку использовать. Например, изображения они генерируют с помощью Nano Banana, GPT Image 1.5 и Seedream, для видео берут Veo 3.1, Kling или Sora 2, для аудио — модели ElevenLabs

Проекты ведутся на бесконечном холсте. Отдельные этапы работы, например варианты брендинга или референсы, группируются вместе, поэтому в проектах просто ориентироваться

Стоимость использования Luma — от 25 $ в месяц при оплате за год

lumalabs.ai/app

#awd_tool #awd_neural

transitions.dev — коллекция отлично скрафченных базовых анимаций для веба

#awd_tool #awd_web

Squoosh — браузерный тул для оптимизации картинок

Удобен тем, что в режиме реального времени показывает, как будет выглядеть результат с выбранными настройками сжатия

Работа с картинками происходит локально в браузере, то есть, они не загружаются в облако

https://squoosh.app

#awd_tool #awd_webtool

Open Design — опенсорсная альтернатива Claude Design

Десктоп-приложение под macOS, Linux и Windows по MCP подключается к кодинг-агенту (Claude Code, Codex, Cursor, Gemini CLI и ещё паре десятков) — и превращает его в дизайн-движок

Можно собирать сайты, прототипы, дашборды, слайды, картинки и видео; внутри больше сотни готовых дизайн-систем, навыки и плагины, экспорт в HTML, PDF, PPTX и MP4

Сам инструмент бесплатный — платишь только за подписку/токены своего агента

open-design.ai/ru

#awd_tool

Shifting Words — забавная браузерная игрушка Сергея Стеблины, превращающая курсор в кисть: набираешь слово, выбираешь шрифт — и размазываешь буквы, будто дёрнул лист на планшетном сканере посреди скана

#awd_tool #awd_fun

All SVG Icons — единый поиск по 286 тысячам бесплатных иконок из более чем 220 опенсорсных библиотек. SVG, PNG, JSX или Base64. Бесплатно, без регистрации

#awd_tool #awd_icons #awd_free_download

Сайт для просмотра всех шрифтов, установленных в вашей системе

Достаточно напечатать любое слово, и инструмент «примерит» на него все варианты шрифтов, которые установлены на вашем девайсе

Все шрифты можно предварительно посмотреть, отфильтровать и загрузить PNG-изображения с выбранными превью. Можно переключаться между тёмной и светлой темами, настраивать трекинг и менять размер букв. В Pro-версии есть функция категоризации шрифтов по тегам

wordmark.it

#awd_font #awd_webtool #awd_tool

Коллекция изображений из «Википедии» Wiki Spy

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

neal.fun/wiki-spy

#awd_tool

Опенсорсный стартовый набор Toolcraft для создания дизайн-инструментов с помощью ИИ

Набор позволит разработать приложение для экспериментов с визуальными эффектами: например, градиентами, эффектом стекла и металла, зернистостью. В наборе — вся архитектура будущего продукта: холст, панель инструментов, система слоёв, таймлайн, навыки для агента, инструкции по тестированию визуала

Работает с любыми агентными сервисами и устанавливается одной командой в терминале

toolcraft.sh

#awd_tool #awd_neural

Gradient shimmer — React-компонент, который придаёт тексту эффект мерцания

Компонент накладывает на текст анимированный переливающийся градиент. Можно настроить плавность, скорость, угол градиента и паузу между анимациями. Устанавливается одной командой

gradient-shimmer.vercel.app

#awd_tool

Визуальный обозреватель символов Юникода Charcuterie

Буквы разных алфавитов, иероглифы, математические знаки, эмодзи и пиктограммы группируются по внешнему виду. Можно выбрать или даже нарисовать знак, и Charcuterie покажет все похожие на него глифы, даже если в Юникоде они разнесены по отдельным блокам

charcuterie.elastiq.ch

#awd_tool