Design Portal
17.6K subscribers
2.47K photos
527 videos
2 files
719 links
Присоединяйтесь к нашему каналу и погрузитесь в мир дизайна

Cсылка для друзей: https://t.me/+kH_SR315BCk2YjUy

Связь: @devmangx

РКН: https://clck.ru/3Foc9k
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Добавляем классную градиентную обводку для карточки за считанные минуты.

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
3
Создаём нежную летнюю иллюстрацию, используя плагины и функции Figma.

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥103
GetDesign.md — на этом сайте вы можете найти дизайн-системы популярных ресурсов и сохранить их в формате .md файла.

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3
Figma + Claude Code + Open Source = OpenPencil

Появился OpenPencil — опенсорсный ИИ-редактор для дизайна.

Что умеет:
• Открывает файлы .fig
• Работает локально на компьютере
• Имеет встроенные ИИ-функции
• Экспортирует макеты в Tailwind и JSX
• Интегрируется с Claude Code и Cursor

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6🌚2
Нашёл сайт с 2 000+ готовых дизайн-систем, каждая оформлена как DESIGN.md, который агент может читать напрямую.

В каждой есть:

- цветовая палитра и токены
- типографическая шкала
- отступы и сетка
- паттерны компонентов
- общий стиль и гайд по визуальному тону

Похоже на заготовки из продуктов вроде Stripe, Linear, Vercel, Notion, ElevenLabs. Берёшь одну, подключаешь к проекту, прогоняешь UI через выравнивание под неё — и готово. Opus лучше всего справляется с такими задачами.

https://styles.refero.design/

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥52
Братцы, есть штука, о которой реально стоит сказать.

Теперь для правок изображений можно не жечь кредиты генерации в GPT. Это можно прогонять через Codex бесплатно.

Схема простая.

Шаг 1. В Codex в правой панели открываешь встроенный браузер и заходишь сюда:
[https://excalidraw.com]

Шаг 2. Загружаешь картинку и прямо поверх неё делаешь разметку. Стрелки, подписи, пометки — как угодно.

Шаг 3. Делаешь скриншот с этими пометками и кидаешь в Codex. Он читает инструкции с изображения, вносит правки и отдаёт чистую версию без разметки.

В итоге Excalidraw становится холстом для аннотаций, Codex — исполнителем, а генерацию изображений ты вообще не трогаешь.

Простой пайплайн, который заменяет обычный цикл “запрос → генерация → правка → повтор”.

👉 @PortalToDesign
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
9