19757
Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy Связь: @devmangx РКН: https://clck.ru/3Foc9k
Очень распространённая ошибка в карточке товара: ограничение количества вводимых символов.
Правильный подход — ограничивать отправку, а не ввод, давая пользователю пространство для размышлений и исправления ошибок.
Напоминаю: 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
Аллилуйя, в Figma наконец-то завезли группировку вкладок.
👉 @PortalToDesign
godly — сайт, где собрана огромная галерея красивого дизайна для вдохновения.
👉 @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
15 мощных расширений для Chrome для разработчиков, дизайнеров и создателей контента
Loom — расширение для записи экрана, которое позволяет быстро записывать видео с экрана вместе с голосовыми комментариями и делиться ими.
Grammarly — ИИ-помощник для письма, который проверяет грамматику, орфографию, тон и читаемость текста прямо во время набора.
ColorZilla — инструмент для выбора цветов, позволяющий определять и копировать цвета с любых веб-страниц.
WhatFont — помогает быстро определить, какие шрифты используются на сайте.
Site Palette — генерирует цветовую палитру любого сайта для поиска дизайнерских референсов и вдохновения.
GoFullPage — делает полноразмерные скриншоты страниц без необходимости прокручивать их вручную.
Page Ruler — измеряет ширину и высоту элементов страницы в пикселях.
Lightshot — инструмент для быстрых скриншотов с возможностью редактирования и мгновенного обмена изображениями.
Imageye — находит все изображения на странице и позволяет быстро скачать их.
Responsive Viewer — помогает разработчикам проверять, как сайт выглядит на разных размерах экранов и устройствах.
CSS Viewer — показывает CSS-свойства элементов страницы при наведении курсора.
Web Developer — набор инструментов для веб-разработки, встроенный прямо в браузер.
JSON Viewer — форматирует и отображает JSON в удобном для чтения структурированном виде.
Lighthouse — автоматизированный инструмент от Google для анализа производительности сайта, доступности, SEO и соответствия лучшим практикам.
Wappalyzer — определяет технологии, фреймворки, CMS и другие инструменты, на которых построен сайт.
👉 @PortalToDesign
«Об этом никто не знает, но это можно сделать в Figma.»
👉 @PortalToDesign
Figma выпустила расширение для Chrome, которое позволяет импортировать любую веб-страницу прямо в Figma, автоматически разбивая её на полностью редактируемые слои.
Что умеет:
* Мгновенный импорт — весь контент, включая текст, иконки, кнопки и другие элементы, сразу доступен для редактирования.
* Сохраняет структуру — расширение переносит иерархию слоёв, что упрощает редизайн и анализ конкурентов.
* Экономит время — не нужно вручную воссоздавать базовые элементы интерфейса с нуля.
Ссылка: https://figma.bot/ChromeExt
👉 @PortalToDesign