Design
Преобразование значений цвета HEX в CMYK для печати с поддержкой альфа-канала
hex-to-cmyk-converterDesign
Преобразование значений цвета HEX в LAB для управления цветом с поддержкой альфа-канала
hex-to-lab-converterDesign
Преобразование значений цвета HSL в CMYK для печати с поддержкой альфа-канала
hsl-to-cmyk-converterDesign
Преобразование значений цвета HSL в LAB для управления цветом с поддержкой альфа-канала
hsl-to-lab-converterDesign
Предпросмотр сочетания шрифтов заголовка и текста с реальным текстом, размерами, насыщенностью, интерлиньяжем и CSS.
font-pairing-preview-cardDesign
Вставьте JSON переменных Figma / Tokens Studio и экспортируйте в Tailwind, CSS-переменные shadcn, Style Dictionary или SCSS. Сохраняет токены цвета, отступов и шрифтов с выводом типов.
figma-tokens-exportDesign
Рассчитывает угол обзора камеры по фокусному расстоянию и размеру сенсора, а также охват сцены на дистанции.
field-of-view-calculatorDesign
Извлекает дизайн-токены — цвета, числа, размеры шрифтов и строки — из JSON темы ECharts и экспортирует их прямо в вашу дизайн-систему. Вставьте объект темы (тот, что регистрируется и передаётся в echarts.init(dom, themeName)) — инструмент обойдёт каждый лист, пометит каждый цвет (с опциональной нормализацией имя/rgb → hex), числовой отступ, размер шрифта и строку, затем выдаст чистые CSS-переменные, конфиг theme.extend для Tailwind, tokens.json Style Dictionary или SCSS-переменные. Мост между темой визуализации ECharts и дизайн-токенами Figma/CSS/Tailwind без копирования каждого значения вручную.
echarts-theme-token-extractorDesign
Создаёт чистую HTML-подпись, которую можно скопировать и которая корректно отображается в Gmail, Outlook и Apple Mail — с аватаром/логотипом, иконками соцсетей (автоопределение по ссылкам), акцентным цветом, светлой/тёмной/авто-темой и табличной вёрсткой с инлайн-стилями. Скопируйте HTML и вставьте в почтовый клиент.
email-signature-html-builderDesign
Добавляет эффекты размытия к изображениям с настраиваемой интенсивностью и несколькими типами размытия
image-blurDesign
Настройка уровней яркости изображения с предпросмотром в реальном времени и точным контролем
image-brightnessDesign
Настройка уровней контрастности изображения с точным контролем для улучшения четкости
image-contrast