Design

Extrai uma região específica de uma imagem usando coordenadas X, Y precisas e dimensões

Design

Extrai uma região retangular específica de uma imagem especificando dimensões e posição da área

Design

Aplique vários filtros predefinidos às suas imagens usando efeitos fotográficos profissionais

Design

Gera propriedades de filtro CSS

Design

Gera propriedades de raio de borda CSS

Design

Gera propriedades de sombra de caixa CSS

Design

Gera efeitos de texto em gradiente CSS

Design

Envie uma fonte TTF, OTF, WOFF ou WOFF2 (WOFF2 é descomprimida automaticamente) e inspecione todos os metadados: família/subfamília/designer/copyright/versão, número de glifos, unitsPerEm, peso e largura, ângulo itálico, bandeiras de estilo e caixa delimitadora; mapa de calor de cobertura por blocos Unicode; pré-visualização SVG de glifos (texto personalizável, amostra automática para fontes de ícones); ligaduras liga e recursos OpenType; eixos fvar e instâncias nomeadas de fontes variáveis.

Design

Visualize uma combinação de fontes para título e corpo com texto real, tamanhos, pesos, alturas de linha, caracteres e CSS.

Design

Converte valores px do Figma para as unidades corretas de cada plataforma e gera um spec card para devs: pt do iOS (@1x/@2x/@3x com px renderizados por escala), dp/sp do Android (tabela de renderização mdpi…xxxhdpi e escala de fonte), rem/vw web com snippet clamp(); auditoria de alvos de toque mínimos (44pt iOS / 48dp Android / 44px e 24px WCAG) com classes de janela do Material e breakpoints do Tailwind.

Design

Cole um JSON de variáveis Figma / Tokens Studio e exporte para Tailwind, variáveis CSS shadcn, Style Dictionary ou SCSS. Preserva tokens de cor, espaçamento e fonte com inferência de tipo.

Design

Calcula o campo de visão da câmera a partir da distância focal e do tamanho do sensor, com cobertura da cena à distância.