Знаешь, что PNG по сути сделали назло?

А JPEG просто выкидывает примерно половину цветов в картинке, потому что ты всё равно не заметишь.

Читай главу про сжатие изображений:

https://makingsoftware.com/chapters/image-compression

👉 @PortalToDesign

Хочешь использовать Claude Design без подписки на Claude?
Познакомься со skill baoyu-design, который переносит дизайн-движок Claude прямо в Hermes, Cursor, Claude Code, Codex или твоего локального агента.
Обычный промпт → получаешь отполированный UI-макет, прототип, wireframe или deck в виде самодостаточного HTML: весь CSS, JS и ассеты уже внутри.

Плюсы:
• 100% локально, ничего не нужно загружать
• Можно итерироваться через подход “point & edit” в превью
• Поддерживает офлайн-импорт Figma .fig файлов
• Результат сразу попадает в твой проект, его можно хранить в git
• Также можно экспортировать в PDF/PPTX

Репозиторий: https://github.com/JimLiu/baoyu-design

👉 @PortalToDesign

Remix Icons — здесь вы найдёте большую коллекцию бесплатных векторных иконок в нескольких стилях и популярных категориях

👉 @PortalToDesign

Figma выпустила расширение для Chrome, которое позволяет импортировать любую веб-страницу прямо в Figma, автоматически разбивая её на полностью редактируемые слои.

Что умеет:

* Мгновенный импорт — весь контент, включая текст, иконки, кнопки и другие элементы, сразу доступен для редактирования.
* Сохраняет структуру — расширение переносит иерархию слоёв, что упрощает редизайн и анализ конкурентов.
* Экономит время — не нужно вручную воссоздавать базовые элементы интерфейса с нуля.

Ссылка: https://figma.bot/ChromeExt

👉 @PortalToDesign

godly — сайт, где собрана огромная галерея красивого дизайна для вдохновения.

👉 @PortalToDesign

«Об этом никто не знает, но это можно сделать в Figma.»

👉 @PortalToDesign

Аллилуйя, в Figma наконец-то завезли группировку вкладок.

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

Играли со шрифтами и проиграли

👉 @PortalToDesign

Добавляем классную градиентную обводку для карточки за считанные минуты.

👉 @PortalToDesign