Дизайнеры и разработчики, нашёл вам бесплатную библиотеку крутых UI-эффектов

Libraries dev объединяет 5 библиотек UI-эффектов с более чем 20 вариантами, которые можно использовать бесплатно.

→ Border Beam
→ Orbs
→ Metal
→ Gooey
→ Image Effects

Сохраняйте в закладки и поставьте реакцию 👊

👉 @PortalToDesign

Делаем яркий градиентный баннер в Figma.

👉 @PortalToDesign

Разработчик Робби Тилтон выпустил Compositor

Бесплатный редактор изображений с открытым исходным кодом, который он создавал как замену Photoshop.

Приложение весит 12 МБ. Для сравнения, установленный у автора Photoshop занимает 6,455 ГБ.

Compositor включает все основные инструменты для композитинга и изначально создавался для личного использования, чтобы отказаться от подписки Adobe.

Тилтон говорит, что продолжает использовать классическое редактирование изображений, поскольку ИИ пока не всегда обеспечивает нужную точность на уровне отдельных пикселей. 😈

https://robbietilton.com/compositor

👉 @PortalToDesign

Ну так бы сразу ☕️

👉 @PortalToDesign

Вышел Inspo — MCP-сервер, который помогает агентам создавать качественный дизайн.

Он ищет подходящие примеры среди более чем 800 красивых сайтов и передаёт их Claude Code, Codex или OpenCode как ориентир для будущего интерфейса.

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

Проект бесплатный и с открытым исходным кодом.

npx inspo-mcp install

👉 @PortalToDesign

900+ бесплатных иконок для фронтендеров

Сохраняем библиотеку Runeicons сразу с пятью стилями: outline, duotone, fill, pixel и glass.

Каждую иконку можно настроить под свой проект: изменить цвет, размер, толщину линий и даже вручную подправить форму.

Смотрим иконки  | Забираем исходники 

👉 @PortalToDesign

Делаем стильные карточки в Figma — добавляем необычный эффект с помощью кистей и плагинов.

👉 @PortalToDesign

Прокачиваем карточки в Figma с помощью жидкого стекла — добавляем сочные градиенты и получаем эффектный дизайн.

👉 @PortalToDesign

Гайд по созданию градиентных иконок с эффектом стекла в Figma.

👉 @PortalToDesign

Туториал по созданию градиентной планеты в Figma.

👉 @PortalToDesign

Дизайн-системы крупных компаний в одном месте

DesignSystems.one — подборка из 100+ дизайн-систем: Material Design, Apple HIG, Carbon, Polaris и других. Можно изучать компоненты, сравнивать подходы и находить решения для своих интерфейсов.

Кроме каталога, на сайте есть материалы по цвету, типографике, отступам и доступности, а ещё бесплатные инструменты: генератор токенов, конструктор сеток и проверка контрастности.

👉 @PortalToDesign

Создаём объёмную клавишу клавиатуры в Figma.

👉 @PortalToDesign

Создаём креативный постер используя инструменты Figma.

👉 @PortalToDesign

Делаем плавную анимацию для вашего дизайна карточек.

👉 @PortalToDesign

Быстрый гайд по созданию классного постера с помощью плагинов в Figma.

👉 @PortalToDesign