Frontender registra 0 visitas mensais com crescimento de 0% mês a mês e preços Freemium. Piny registra 5.253 visitas mensais com crescimento de -8,7% e preços Freemium.
Plugin do Figma que transforma designs em código front-end pronto para produção
Edição visual para código React, escrito por você ou por IA
| Dimensão / Métrica | | |
|---|---|---|
| Domínio oficial | frontender.io | getpiny.com |
| Modelo de preços | Freemium | Freemium |
| Visitas mensais | 0 (0) | 5,25 mil (5.253) |
| Variação de tráfego mensal | 0 (0%) | -501 (-8,7%) |
| Mercado principal e participação | 🌐 Global (—) | 🇺🇸 Estados Unidos (100%) |
| Visitas diretas / mês | 0 | 2,07 mil |
| Avaliação dos usuários | 4,4 | 4,1 |
| Plataformas suportadas | Site | Site |
Plugin do Figma que transforma designs em código front-end pronto para produção
Selecione qualquer camada ou grupo do Figma e converta em código front-end, inclusive em arquivos sem auto-layout.
Gere apenas CSS, apenas CSS-in-JS, apenas Tailwind, HTML com CSS, HTML com Tailwind, JSX com CSS-in-JS ou JSX com Tailwind.
A saída JSX atende React e Next.js, enquanto a saída HTML funciona em projetos Vue e Svelte.
Usa valores arbitrários ou encontra o valor mais próximo na sua configuração, mantendo consistência com o design system.
Edição visual para código React, escrito por você ou por IA
Clique em qualquer elemento na pré-visualização ao vivo e o Piny encontra o componente e o arquivo que o renderiza, fazendo a edição cair no lugar certo do código.
Ajuste espaçamento, cor, tipografia, flex e grid por breakpoint e estado usando o tema do próprio projeto, sem escrever classes à mão.
Roda em fluxos do Claude Code e do Codex; o Piny detecta as edições do agente e evita sobrescrevê-las, e o Target this element entrega arquivo e linha exatos ao agente.
Edite textos, imagens e dados locais como listas de produtos e JSON por formulários, em vez de procurar nos arquivos de origem.
Grátis / Código abertoEscreva código com precisão, delegue o trabalho maior a agentes e continue de qualquer lugar
Grátis / Código abertoEscreva código com precisão, delegue o trabalho maior a agentes e continue de qualquer lugar
Uma plataforma de programação agêntica que entrega software de verdade
Grátis / Código abertoUm agente de código de terminal minimalista e totalmente remodelável
Grátis / Código abertoUm agente de código de terminal minimalista e totalmente remodelável
Grátis / Código abertoDê ao seu agente de código critério de design de verdade
Grátis / Código abertoDê ao seu agente de código critério de design de verdade
Publique experiências de produto fiéis à marca com o time e agentes de IA
Publique experiências de produto fiéis à marca com o time e agentes de IA
Grátis / Código abertoStack de frontend open source para criar agentes e copilotos dentro do seu próprio produto
Grátis / Código abertoStack de frontend open source para criar agentes e copilotos dentro do seu próprio produto
Agente de IA que entende design e transforma arquivos do Figma, URLs e prompts em apps funcionais
Agente de IA que entende design e transforma arquivos do Figma, URLs e prompts em apps funcionais
Grátis / Código abertoWiki de agentes e espaço de trabalho visual para Claude Code e Codex
Grátis / Código abertoWiki de agentes e espaço de trabalho visual para Claude Code e Codex
Engenheiro de design com IA que entrega frontend pronto para produção
Engenheiro de design com IA que entrega frontend pronto para produção
Canvas de design agêntico que chega até o código
Canvas de design agêntico que chega até o código
EspecializadoDesigns de Figma e builds de IA transformados em WordPress real e editável
EspecializadoDesigns de Figma e builds de IA transformados em WordPress real e editável
Transforme capturas e mockups em HTML limpo e responsivo com IA
Transforme capturas e mockups em HTML limpo e responsivo com IA
