Design Paws

Друзья, сегодня большой день, мы опять запустились на Product Hunt. Работали над этим обновлением более полгода и вот что внутри: ✦ MCP Server. Можно искать ассеты из Claude Code, Cursor и VS Code. Пишешь запрос в терминале — получаешь файл. ✦ Плагин для Figma. Вставляешь ассеты в макет одним кликом. ✦ Каталог ассетов. 20,000+ штук поштучно, без скачивания целых паков. ✦ Web Inspiration. Подборки сайтов и секций лендингов. Если пользуетесь Craftwork или просто хотите поддержать, зайдите пожалуйста на страницу и поставьте апвоут. Это занимает 10 секунд и реально поможет нам занять хорошее место. → https://www.producthunt.com/products/craftwork-design → https://www.producthunt.com/products/craftwork-design → https://www.producthunt.com/products/craftwork-design Спасибо большое, будем рады любой поддержке!

6 новых AI-инструментов для дизайнеров ✦ Krev — krev.ai поиск и ресерч ✦ Wan Video — wan.video создание видео по тексту ✦ Reframe — thereframe.app/en ресайз видео под форматы ✦ Bluor — bluor.ai визуалы для бренда ✦ Audyr — audyr.com очистка и правка аудио ✦ Mokkit — mokkit.co сцены и мокапы продуктов --- Скидка 30% на Pro Access по промокоду INST30 — craftwork.design/pro

10 AI-инструментов дизайнера, чтобы делать все типовое быстрее ✦ Krea — krea.ai Генерация визуалов и апскейл ✦ Relume — relume.io Карта сайта и вайрфреймы ✦ Rendair — rendair.ai Рендеры продуктов и сцен ✦ Visily — visily.ai Скетчи в редактируемые вайрфреймы ✦ Uizard — uizard.io Текст в интерфейсные макеты ✦ Galileo AI — usegalileo.ai Экраны для веба и мобильных ✦ Khroma — khroma.co Подбор цветовых сочетаний ✦ Fontjoy — fontjoy.com Подбор шрифтовых пар ✦ Let's Enhance — letsenhance.io Апскейл и очистка изображений ✦ Vectorizer.AI — vectorizer.ai Растр в чистый вектор --- Скидка 20% на Pro Access по промокоду INST20 — craftwork.design/pro

10 AI-инструментов дизайнера, чтобы делать все типовое быстрее ✦ Krea — krea.ai Генерация визуалов и апскейл ✦ Relume — relume.io Карта сайта и вайрфреймы ✦ Rendair — rendair.ai Рендеры продуктов и сцен ✦ Visily — visily.ai Скетчи в редактируемые вайрфреймы ✦ Uizard — uizard.io Текст в интерфейсные макеты ✦ Galileo AI — usegalileo.ai Экраны для веба и мобильных ✦ Khroma — khroma.co Подбор цветовых сочетаний ✦ Fontjoy — fontjoy.com Подбор шрифтовых пар ✦ Let's Enhance — letsenhance.io Апскейл и очистка изображений ✦ Vectorizer.AI — vectorizer.ai Растр в чистый вектор --- Скидка 20% на Pro Access по промокоду INST20 — craftwork.design/pro

7 инструментов Delphi, которые часто нужны дизайнеру: ✦ QR Generator — генератор QR-кодов с кастомными цветами, формами и логотипами. ✦ Palette Generator — генератор палитр с режимами harmony, пресетами и экспортом. ✦ Background Remover — автоматическое удаление фона прямо в браузере. ✦ Social Media Cropper — кроп изображений под Instagram, Bluesky и Threads. ✦ Matte Generator — добавляет квадратную подложку для несquare изображений. ✦ Seamless Scroll Generator — режет панорамы под бесшовную Instagram-карусель. ✦ PDF Preflight —проверка PDF на проблемы перед печатью. Все бесплатно. Забирайте в сохранённое.

Топ-7 мест, где дизайнеры ищут вдохновение ✦ Cosmos — визуальные мудборды, поиск по эстетике. $6/мес ✦ Curated — отобранные вручную референсы со всего мира. Бесплатно ✦ Spiral — 237+ интерфейсных референсов с лассо-поиском. Бесплатно ✦ Design every where — курированные работы: айдентика, упаковка, лого. $2.5/мес ✦ Refero — реальные экраны продуктов и флоу. $10/мес ✦ Commerce cream — красивые Shopify-магазины по категориям. Бесплатно ✦ OGfolio — лендинги в светлой, тёмной и цветной темах. Бесплатно Сохраняйте, пригодится.

6 AI-инструментов, которые генерируют UI из текста Описываешь интерфейс словами — получаешь готовые экраны, вайрфреймы, флоучарты. Некоторые экспортируют прямо в Figma или React. ✦ Google Stitch — AI от Google Labs, превращает промпты и скетчи в UI с кодом → stitch.withgoogle.com ✦ Flowstep — генерирует экраны, вайрфреймы и user flows из текста → flowstep.ai ✦ Moonchild — чат-дизайнер, создаёт hi-fi вайрфреймы с экспортом в Figma → moonchild.ai ✦ Komposo — UI из промптов или скриншотов, экспорт в код → komposo.ai ✦ Subframe — визуальный редактор с AI, выдаёт чистый React и Tailwind → subframe.com ✦ Emergent — full-stack: UI, фронтенд, бэкенд и деплой из промптов → emergent.sh

8 плагинов Figma для визуальных эффектов и обработки изображений ✦ Effect.app — добавляет эффекты к изображениям и видео прямо в Figma ✦ Fonts Changer — быстрая замена всех шрифтов в файле ✦ Beautiful Shadows — реалистичные тени через перетаскивание источника света ✦ vga asciicore.exe — превращает любой элемент дизайна в ASCII-арт ✦ Dither — добавляет дизеринг-эффект к изображениям с разными алгоритмами ✦ Pixels — пиксельные и 8-битные фильтры для изображений в дизайне ✦ Photopea — полноценный фоторедактор в Figma ✦ Shaper — набор базовых геометрических форм для ежедневной работы

UI-библиотеки для разработки совместно с AI-агентами, часть 2 ↓ ✦ shadcn/ui — компоненты на Radix UI и Tailwind, копируешь прямо в проект → ui.shadcn.com ✦ Align UI — UI-кит для Figma и кода с единой системой токенов → alignui.com ✦ Base CN — коллекция компонентов поверх shadcn/ui с доп. фичами → basecn.dev ✦ ReUI — премиум React-компоненты с чистым дизайном → reui.io ✦ Oxbow UI — доступные компоненты по паттернам WAI-ARIA → oxbowui.com

UI-библиотеки для разработки совместно с AI-агентами ↓ ✦ Tailwind UI — официальная библиотека компонентов от Tailwind CSS → tailwindui.com ✦ Hero UI — современная React-библиотека с кастомизируемыми компонентами → heroui.com ✦ Nextra — фреймворк для создания сайтов и документации с MDX → nextra.site ✦ Skiper UI — лёгкая библиотека для React с минимальным весом → skiper-ui.com ✦ Tremor — компоненты для дашбордов и визуализации данных → tremor.so ✦ Atomize Design — UI-фреймворк на основе атомарного дизайна → atomizedesign.com

Собрали тулзы для записи экрана и скриншотов, которые не стыдно показать Обычные скринкасты выглядят как обычные скринкасты. А эти делают из записи экрана что-то, на чём хочется остановиться: ✦ Screen Studio — записывает экран с автоматическим зумом и эффектами → screen.studio ✦ CleanShot — скриншоты и запись экрана для тех, кто на маке → cleanshot.com ✦ Gifox — лёгкий рекордер гифок с быстрым шерингом → gifox.app ✦ Bettershot — добавляет фоны и рамки к скриншотам автоматом → bettershot.site ✦ Vmake — AI-монтаж для демо и туториалов → vmake.ai

Нашли сервисы для упаковки работ в красивые мокапы В Figma всё выглядит отлично. А вот в портфолио или презентации — не всегда. Эти инструменты решают проблему ↓ ✦ Craftwork Mockups — мокапы устройств, принта и брендинга → craftwork.design/catalog/mockups ✦ Rotato — анимированные 3D-презентации без знания 3D → rotato.app ✦ Mockuuups Studio — drag & drop генератор с 5000+ мокапов → mockuuups.studio ✦ Media Modifier — онлайн-генератор для продуктовых шотов → mediamodifier.com/mockups/all ✦ Shotsnapp — быстрые мокапы для скриншотов приложений → shotsnapp.com

Собрали инструменты, которые берут на себя рутину создания контента Писать посты, монтировать видео, не забывать про расписание — всё это отнимает время от самого дизайна. Вот что нашли, чтобы разгрузиться: ✦ V30 — генерит видео из идеи за минуты → v30.ai ✦ Bloom — AI-помощник для текстов, заточен под креативщиков → trybloom.ai ✦ Kling AI — делает видео из текстовых промптов → app.klingai.com ✦ Vmake — монтаж демо и туториалов с AI → vmake.ai ✦ Typefully — писать и планировать посты для Twitter и LinkedIn → typefully.com ✦ Postel — планировщик для стабильного постинга → postel.app

Верим?

Верим?

Мне постоянно приходится писать тексты. Посты в Telegram, описания продуктов для Craftwork, тексты, таски, анонсы. В какой-то момент я понял, что меня очень бесит как chatGPT его пишет по умолчанию. В итоге я нашёл большой очеловечивающий промпт и сильно сократил, чтобы он нормально влез в Personalization и влиял на стиль общения во всех чатах. Правда это не сделало магии. Каждый диалог всё равно нужно нормально промптить под задачу и редактировать. Но базовый стиль становится заметно чище. А еще хорошо работает с диктовкой.

Writing style: human, non-AI Role Edit and rewrite text to remove AI writing patterns. The result must sound like it was written by a real person. Rules • Keep the original meaning and tone • Prefer clarity over polish • Write like a human speaks Style constraints • No inflated importance, symbolism, or “broader impact” talk • No vague attributions (“experts say”, “industry observers”) • No promotional or press-release tone • Use simple constructions (“is”, “are”, “has”) • Use concrete details, not abstractions • Cut filler, hedging, and padding Language bans • Avoid AI-heavy words (pivotal, underscore, vibrant, testament, landscape) • Avoid “-ing” padding (“highlighting”, “ensuring”) • Avoid “not only…but”, forced lists of three, synonym cycling, fake ranges Formatting • No emojis, no bold emphasis • Sentence case headings only • Minimal em dashes Voice • Add opinions or uncertainty when appropriate • Use first person if it sounds more honest • Vary sentence length • Slight messiness is better than sterile perfection Default If unsure: shorter, simpler, more direct.

Собрали небольшую подборку полезнах инструментов на Mac для дизайнера. ✦ https://subsday.appps.od.ua ✦ https://bauhausclock.com ✦ https://macmenubar.com/reminders ✦ https://imageoptim.com ✦ https://riffo.ai ___ ✦ https://craftwork.design #mac #apps

Мы, если честно, офигели от того, что сейчас происходит с Dribbble. Последние месяцы в личку летит куча «проектных брифов», которые сначала выглядят нормально, но стоит прочитать несколько подряд, и быстро понимаешь, что это один и тот же шаблон. Абстрактные цели, ноль ограничений, язык из серии «дизайн должен отражать», никакой конкретики. Такой текст можно отправить вообще любому дизайнеру. Похоже, в Dribbble просто открыли для себя ChatGPT и особо не заморачиваясь решили сгенерить видимость спроса. Мол, смотрите, вам пишут, у вас есть заказы. Особенно удобно для тех, кому обычно пишут редко. В итоге появляется ощущение активности, но за ней часто никого нет. Причём сейчас этого шума два вида. Совсем очевидная автогенерация и более причёсанные сообщения, которые выглядят почти как от живого человека. Но по ощущениям это просто второй шаблон, чуть лучше замаскированный. Иногда попадается реальный клиент, но он тонет в общем потоке. В результате инбокс превращается в ленту однотипных абзацев, которые читаешь по диагонали или не читаешь вообще. Выглядит так, будто Dribbble очень старается показать жизнь внутри платформы, но по пути сам же эту жизнь и убивает. https://dribbble.com/craftwork #dribbble #ai

Font Sniper для Raycast Плагин для Raycast, который показывает используемые шрифты на любом сайте. Открываешь страницу, вызываешь Raycast и видишь список шрифтов, начертания и веса. Можно сразу сохранить нужные файлы локально. Удобная штука для случаев, когда смотришь сайты и хочешь быстро понять, какая типографика там используется. Доступен в Raycast Store → https://www.raycast.com/riomadeit/font-sniper #raycast #fonts