Переводит px из Figma в правильные платформенные единицы и генерирует спеку для разработчиков: iOS pt (@1x/@2x/@3x с рендером px на каждый масштаб), Android dp/sp (таблица рендера mdpi…xxxhdpi и масштаб шрифта), web rem/vw со сниппетом clamp(); аудит минимальных сенсорных целей (44pt iOS / 48dp Android / 44px и 24px WCAG) с пометкой классов окон Material и брейкпоинтов Tailwind.

Design

Инспектор файлов шрифтов (TTF / OTF / WOFF / WOFF2)

Загрузите шрифт TTF, OTF, WOFF или WOFF2 (WOFF2 автоматически распаковывается) и изучите все метаданные: семейство/подсемейство/дизайнер/копирайт/версия, число глифов, unitsPerEm, насыщенность и ширину, угол наклона, флаги стиля и bounding box; тепловую карту покрытия по блокам Юникода; SVG-предпросмотр глифов (свой текст, автосбор для иконочных шрифтов); лигатуры liga и возможности OpenType; оси fvar и именованные экземпляры вариативных шрифтов.

Design

Карточка предпросмотра сочетания шрифтов

Предпросмотр сочетания шрифтов заголовка и текста с реальным текстом, размерами, насыщенностью, интерлиньяжем и CSS.

Design

Экспортёр Токенов Figma

Вставьте JSON переменных Figma / Tokens Studio и экспортируйте в Tailwind, CSS-переменные shadcn, Style Dictionary или SCSS. Сохраняет токены цвета, отступов и шрифтов с выводом типов.

Design

Калькулятор Угла Обзора

Рассчитывает угол обзора камеры по фокусному расстоянию и размеру сенсора, а также охват сцены на дистанции.

Design

Экстрактор токенов темы ECharts

Извлекает дизайн-токены — цвета, числа, размеры шрифтов и строки — из JSON темы ECharts и экспортирует их прямо в вашу дизайн-систему. Вставьте объект темы (тот, что регистрируется и передаётся в echarts.init(dom, themeName)) — инструмент обойдёт каждый лист, пометит каждый цвет (с опциональной нормализацией имя/rgb → hex), числовой отступ, размер шрифта и строку, затем выдаст чистые CSS-переменные, конфиг theme.extend для Tailwind, tokens.json Style Dictionary или SCSS-переменные. Мост между темой визуализации ECharts и дизайн-токенами Figma/CSS/Tailwind без копирования каждого значения вручную.

Design

Конструктор HTML-подписи для email

Создаёт чистую HTML-подпись, которую можно скопировать и которая корректно отображается в Gmail, Outlook и Apple Mail — с аватаром/логотипом, иконками соцсетей (автоопределение по ссылкам), акцентным цветом, светлой/тёмной/авто-темой и табличной вёрсткой с инлайн-стилями. Скопируйте HTML и вставьте в почтовый клиент.

Design

Эффект Размытия Изображения

Добавляет эффекты размытия к изображениям с настраиваемой интенсивностью и несколькими типами размытия

Design

Регулятор Яркости Изображения

Настройка уровней яркости изображения с предпросмотром в реальном времени и точным контролем

Design

Регулятор Контрастности Изображения

Настройка уровней контрастности изображения с точным контролем для улучшения четкости

Design

Редактор Обрезки Изображений

Обрезайте изображения до определенных размеров или соотношения сторон с настраиваемым позиционированием