19757
Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy Связь: @devmangx РКН: https://clck.ru/3Foc9k
Когда сеньор дизайнер проверяет твой файл
👉 @PortalToDesign
Совет: не каждая ошибка требует сообщения. Иногда достаточно намёка.
👉 @PortalToDesign
Зачем летом вспоминать про снег, ёлки и гирлянды? Так потому что готовить магию декабря все начинают задолго до морозов.
В новой статье на Хабре — как в 2ГИС переосмыслили новогодний слой. Если вы продуктовый дизайнер и ищете способ наладить совместную работу между дизайном и производством, этот кейс вам точно пригодится.
Другие инженерные инсайты от 2ГИС → в Telegram-канале RnD
Очень распространённая ошибка в карточке товара: ограничение количества вводимых символов.
Правильный подход — ограничивать отправку, а не ввод, давая пользователю пространство для размышлений и исправления ошибок.
Напоминаю: A — это неверный отрицательный пример, а B — правильный.
Один знакомый добавил, что китайский ввод — тоже важная причина: такие языки, как пиньинь, где есть подсказки слов-кандидатов, требуют дополнительного места для символов.
👉 @PortalToDesign
meigen — аналоги Pinterest, но только для работ ИИ. К каждой работе есть промт для ее создания
👉 @PortalToDesign
Веб-дизайнерам и разработчикам: возможно, это анимационная библиотека нового уровня. ReactBits даёт растущую коллекцию плавных современных UI-анимаций, которые можно подключать напрямую в проекты. Сохрани на потом 💜
https://reactbits.dev/
👉 @PortalToDesign
Классный приёмы, которые поможет добавить глубину вашему постеру.
👉 @PortalToDesign
Быстро и просто создаём необычные визуальные элементы в Figma.
👉 @PortalToDesign
Figma Motion теперь внутри Figma.
Похоже на LottieLab, только без прыжков между тулзами и с коллабой в реальном времени. Команда двигает анимации прямо там же, где дизайн.
Если дальше подтянут экспорт и перфоманс, половина таких отдельных анимационных сервисов просто перестанет иметь смысл.
👉 @PortalToDesign
В Figma появятся генеративные плагины, которые можно создавать вместе с агентом.
Просто описываешь, какой тебе нужен инструмент: поведение, элементы управления, параметры — и получаешь ровно то, что надо под твой воркфлоу.
🐸🐸🐸
👉 @PortalToDesign
Подборка шрифтов для ваших проектов.
👉 @PortalToDesign
Удивительно, что навык /make-interfaces-feel-better уже установили более 30 000 раз.
В нём собрано множество рекомендаций, которые помогают сделать интерфейсы более приятными и качественными: от UI и анимаций до производительности и других аспектов пользовательского опыта.
Установить можно командой:
npx skills add jakubkrehel/make-interfaces-feel-better
Нашёл сайт с 2 000+ готовых дизайн-систем, каждая оформлена как DESIGN.md, который агент может читать напрямую.
В каждой есть:
- цветовая палитра и токены
- типографическая шкала
- отступы и сетка
- паттерны компонентов
- общий стиль и гайд по визуальному тону
Похоже на заготовки из продуктов вроде Stripe, Linear, Vercel, Notion, ElevenLabs. Берёшь одну, подключаешь к проекту, прогоняешь UI через выравнивание под неё — и готово. Opus лучше всего справляется с такими задачами.
https://styles.refero.design/
👉 @PortalToDesign
GetDesign.md — на этом сайте вы можете найти дизайн-системы популярных ресурсов и сохранить их в формате .md файла.
👉 @PortalToDesign
Honor представила MagicOS 11. И если вам кажется, что вам не показалось — вам действительно не показалось!
👉 @PortalToDesign
🎨 Paper Shaders теперь полностью open source и бесплатны
Авторы проекта открыли исходный код Paper Shaders и сняли ограничения на использование.
Теперь на их основе можно:
✦ создавать плагины, библиотеки и шаблоны;
✦ разрабатывать сайты и приложения;
✦ делать плагины для Figma;
✦ использовать в коммерческих проектах и даже перепродавать собственные решения.
По словам разработчиков, это только начало — они продолжают развивать проект и уже работают над новым поколением Paper Shaders.
https://shaders.paper.design/
👉 @PortalToDesign
Поддерживайте единообразие эффектов фокуса.
👉 @PortalToDesign
Совет по Design Engineering:
Одно CSS-свойство отвечает за большинство уродливых анимаций раскрытия.
Это height: auto.
Замените его на: grid-template-rows: 0fr → 1fr;
👉 @PortalToDesign
22% пользователей, у меня к вам есть много вопросов
👉 @PortalToDesign
Немного про новое обновление в Figma, которое вы могли пропустить.
👉 @PortalToDesign
smallbits — коллекция из более чем 200 векторных иконок. Для копирования SVG просто кликните на понравившуюся иконку.
👉 @PortalToDesign
Полезные приложения, сайты, ресурсы 👇
http://make.design — AI для дизайна
http://Aside.com — браузер с AI
http://Dock.cool — приложение с виджетами в Dock
http://Supaste.com — история буфера обмена
http://Selected.Site — шаблоны Framer
http://Macfolio.com — ресурсы для пользователей Mac
http://Runey.app — счета, предложения, проекты и прочее
👉 @PortalToDesign
Можно будет собирать кастомные шейдеры и визуальные эффекты прямо внутри Figma — почти как свои маленькие графические движки под конкретные задачи.
👉 @PortalToDesign
Вот вам виджет с бассейнами, чтобы легче переживать жару 💗
👉 @PortalToDesign
Братцы, есть штука, о которой реально стоит сказать.
Теперь для правок изображений можно не жечь кредиты генерации в GPT. Это можно прогонять через Codex бесплатно.
Схема простая.
Шаг 1. В Codex в правой панели открываешь встроенный браузер и заходишь сюда:
[https://excalidraw.com]
Шаг 2. Загружаешь картинку и прямо поверх неё делаешь разметку. Стрелки, подписи, пометки — как угодно.
Шаг 3. Делаешь скриншот с этими пометками и кидаешь в Codex. Он читает инструкции с изображения, вносит правки и отдаёт чистую версию без разметки.
В итоге Excalidraw становится холстом для аннотаций, Codex — исполнителем, а генерацию изображений ты вообще не трогаешь.
Простой пайплайн, который заменяет обычный цикл “запрос → генерация → правка → повтор”.
👉 @PortalToDesign
Figma + Claude Code + Open Source = OpenPencil
Появился OpenPencil — опенсорсный ИИ-редактор для дизайна.
Что умеет:
• Открывает файлы .fig
• Работает локально на компьютере
• Имеет встроенные ИИ-функции
• Экспортирует макеты в Tailwind и JSX
• Интегрируется с Claude Code и Cursor
👉 @PortalToDesign
Создаём нежную летнюю иллюстрацию, используя плагины и функции Figma.
👉 @PortalToDesign
Добавляем классную градиентную обводку для карточки за считанные минуты.
👉 @PortalToDesign