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

👉 @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

Быстро и просто создаём кнопку и её анимацию в Figma.

👉 @PortalToDesign