Быстро и просто анимируем иконку в Figma Motion.

👉 @PortalToDesign

С помощью ИИ и Three.js можно просто создавать красивые 3D-миры кодом.
Вот мой рабочий процесс ↓

1/
Сначала я описываю ИИ мир, который хочу создать.
Не только то, как он должен выглядеть, но и:
• атмосферу
• композицию
• взаимодействия
• анимацию
• уровень реализма
• что должно генерироваться процедурно, а для чего нужны внешние ассеты ↓

2/
Затем я прошу ИИ определить подходящие технологии.
В зависимости от концепции это могут быть:

Three.js
GLSL / TSL
GSAP
постобработка
процедурная геометрия
системы частиц
физика и анимация

Стек должен подстраиваться под идею, а не наоборот. ↓

3/
Далее я прошу ИИ превратить концепцию в подробный промпт для написания кода.
В нём описываются структура сцены, материалы, освещение, анимации, взаимодействия и технические ограничения.
Так ещё до написания кода появляется гораздо более чёткий план реализации. ↓

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

5/
Затем появляется первая реализация.
И почти никогда она не становится финальной.
После этого начинается настоящая работа — итерации:
> корректировка пропорций, исправление расположения объектов, улучшение шейдеров, доработка движения, уменьшение визуального шума и приближение атмосферы к исходной задумке.

👉 @PortalToDesign

Сделали небольшое терминальное приложение для скачивания видео из X, YouTube, Instagram и других сервисов.

Копируете URL поста, вставляете — и файл скачан.

npm i -g yoinks

https://github.com/pablostanley/yoinks

👉 @PortalToDesign

Iconbuddy 2.0 — библиотека из 200 тысяч иконок во всех популярных форматах и разрешениях от 24px до 1024px

👉 @PortalToDesign

Делаем стильные градиентные фоны с помощью новой функций Shader в Figma.

👉 @PortalToDesign

Yequalx — бесплатный сервис для создания различных диаграмм и экспорта в PNG, JPG, GIF, SVG

👉 @PortalToDesign

Парень создал собственный виртуальный гардероб с помощью GPT-5.6 Sol.

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

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

Автор также выложил проект в открытый доступ, поэтому любой желающий может повторить это со своей галереей.

GitHub:
https://github.com/tandpfun/wardrobe

👉 @PortalToDesign

Создаём эффект вышитого текста в Figma.

👉 @PortalToDesign

Если интерфейсы, созданные с помощью ИИ, у вас постоянно выглядят так же, как и все остальные AI-интерфейсы, Hallmark решает эту проблему.

Это open-source design skill для Claude Code, Cursor и Codex, который даёт модели достаточно контекста по дизайну, чтобы она перестала выдавать шаблонный результат.

→ Создаёт новые интерфейсы, которые выглядят осознанно спроектированными
→ Аудитит существующие интерфейсы и отмечает элементы, которые выглядят сгенерированными ИИ
→ Редизайнит страницы, сохраняя весь существующий контент
→ Анализирует любой URL или скриншот и извлекает его дизайн-ДНК

Бесплатный, open source и определённо заслуживает установки перед следующим проектом.

https://github.com/nutlope/hallmark


👉 @PortalToDesign

😍😍😍

👉 @PortalToDesign

У нас наконец появился «Figma для ИИ-агентов».

Проект называется Awesome-design-md: https://github.com/VoltAgent/awesome-design-md

Это тщательно собранная коллекция UI-систем, извлечённых с более чем 50 популярных сайтов и адаптированных специально для coding-агентов.

Вместо того чтобы разбирать скриншоты или запутанные дизайн-файлы, вы просто добавляете DESIGN.md в проект. После этого ИИ сразу начинает лучше работать с интерфейсами.

Более 50 продвинутых дизайн-систем: Cursor, Vercel, Stripe, Spotify, SpaceX и другие
Структура из 9 понятных разделов: типографика, отступы, уровни возвышения и правила
Превью в светлой и тёмной темах для быстрой визуальной проверки
Нативный plain-text формат Google Stitch, предназначенный для LLM

К каждому файлу также прилагается Agent Guide с готовыми промптами.
Полностью бесплатно и с открытым исходным кодом.

👉 @PortalToDesign