Design com IA,
sem o slop.
A IA aprendeu a desenhar bonito e desenhar igual: roxo, glassmorphism, o mesmo card três vezes. O Slopless monta um workspace sob medida pro seu produto e pro seu design system, que você abre no Claude ou no Codex que já usa. A partir daí a IA prototipa no seu Figma com os seus tokens e fica mais inteligente a cada entrega. Você continua o autor; a IA faz o trabalho braçal.
roda na sua assinatura de IA (Claude ou Codex) · no seu Figma · custo extra de IA: R$ 0
> /figma-prototipo "estado vazio da lista de transações"
[1/5] intake → brief.md ✓
[2/5] benchmark → benchmark.md ✓
[3/5] build ▮ reutilizando 12 componentes do DS…
[4/5] revisão → lint-report.md ✓
[5/5] lições → licoes.md +1 ✓
✓ entregue: 3 frames · auto layout · AA
FUNCIONA NO SEU AGENTE
A PROVA
A mesma demanda. Duas saídas.
À esquerda, o que o gerador te entrega e você tem vergonha de mandar pro dev. À direita, a sua tela, com os seus tokens. Mesma demanda. A diferença está no sistema.
Junho · transações
0 itensNenhuma transação em junho. Conecte seu banco para começar.
Card/EmptyState · {space.4} · {radius.sm}
Welcome back! ✨
Your finances at a glance
Arraste. As duas são bonitas; só uma sai do seu sistema.
O MÉTODO
Não é um gerador de telas. É um pipeline.
Cinco fases com regras inegociáveis. Cada uma produz um arquivo que fica com você. Você audita tudo; nada é caixa-preta.
Intake
Entende a demanda antes de desenhar
- Escopo
- lista de transações: vazio, carregando, erro, populado
- Critério
- reusar Card/Transaction · nada novo sem critique
- Telas
- 3 · estados 4/4
TOKENS
Seu design system é lei.
Passe o mouse na tela: cada parte sai de um token ou componente seu. Nada de cor, tipo ou espaçamento fora do padrão.
Fatura de junho
pagaR$ 1.842,90
TOKENS DA TELA
- componente: Card/Invoice
- {color.text.primary}
- {color.feedback.positive}
- type.display/24 · tabular
- componente: Button/Secondary
VALORES FORA DO PADRÃO: 0
HANDOFF · DEV
Camadas que o dev reconhece.
Passe o mouse: cada camada do Figma espelha a estrutura do código. O dev abre o arquivo e já sabe onde está, porque os nomes falam a língua dele.
O dev abre o seu arquivo, reconhece a estrutura e para de reclamar. Acabou o handoff que volta com pergunta.
O MOTOR · INTELIGÊNCIA
Mais que um pack de skills. Uma roda que aprende.
Pack de skills é arquivo parado: todo mundo baixa igual e trava no dia do download. O Slopless é um motor proprietário. Toda entrega vira aprendizado, o cérebro acha o padrão e devolve isso pro método, versionado. Sozinho, a roda já te deixa melhor a cada entrega. Em time, vira um diferencial absurdo: todo mundo treina o mesmo cérebro.
Você entrega. Uma tela no seu DS, do seu jeito, no seu agente.
A SUA RODA, SÓ SUA
Toda entrega vira exemplo de treino. A demanda seguinte começa lendo todas: o erro de junho não volta em dezembro.
você → tabelas deste produto: densidade compacta, nunca cards soltos
No Pro. Vira aprendizado do time no Estúdio.
POR QUE SLOPLESS
Tudo que o gerador genérico não te dá.
CUSTO
Roda na sua assinatura. A gente não cobra de novo.
O workspace roda no seu agente (Claude ou Codex), com os créditos que já são seus. Rodar mais uma demanda não custa a mais. Você paga pelo cérebro, e o medidor fica de fora.
R$ 0/demanda extra
Privacidade
Seu token do Figma nunca sai da sua máquina. A checagem de licença envia três campos. Três.
Multi-agente
Claude Code, claude.ai e Codex, hoje. O método é só arquivo: vai aonde o agente for.
Pronto em 5 minutos
Abra no seu agente e responda em português. Sem config manual, sem YAML, sem ritual técnico.
R$ 0
custo extra de IA por mês
0%
tokenizado: 0 valores fora do padrão
0
fases versionadas, auditáveis
A TRIBO
Feito por quem se recusa a entregar slop.
Slopless não é uma ferramenta que você usa, é uma régua que você segura. A IA aprendeu a preencher tela. Quem decide por que essa cor, por que esse espaço, por que essa hierarquia, é você. O agente carrega o balde; o ofício continua seu.
Se removerem o seu logo e ainda der pra saber que é o seu produto, ganhamos. Esse é o teste. Esse é o grupo.
O SEU CRACHÁ
Gere o seu e mostre no portfólio. Cada entrega slopless vira a sua assinatura.
INSTALAR
Do Studio ao Figma em minutos.
Você responde o Studio uma vez. Depois é escolher o agente que já usa e seguir três passos. Nada de config na mão, nada de YAML.
SEM INSTALAR NADA
recomendadoclaude.ai
no navegador ou app. o caminho mais rápido.
- 1Monte seu workspace no Studio e baixe a skill (.zip).
- 2No claude.ai: Customize → Skills → Upload skill.
- 3Conecte o Figma e descreva sua demanda. Pronto.
3 cliques. Sem terminal, sem token, sem código.
NO VS CODE
Claude Code
workspace completo em arquivos, no seu editor.
- 1Monte seu workspace e rode um comando:
npx @slopless/init - 2Faça login no navegador. O VS Code abre sozinho na pasta.
- 3Clique em Instalar na extensão sugerida, rode /setup e /figma-prototipo.
Abre já configurado: a extensão traz o agente e o login juntos.
OPENAI
Codex
o mesmo pipeline, no seu Codex.
- 1Monte seu workspace e rode:
npx @slopless/init --target codex - 2Faça login e confie no projeto quando o Codex pedir.
- 3Rode $setup e depois $figma-prototipo.
Skills em .agents/skills, MCP em .codex/config.toml. Paridade total.
Roda na sua assinatura de IA (Claude ou Codex). Custo extra de IA: R$ 0.
Montar meu workspacePREÇO
O preço de uma ferramenta. A régua de um estúdio.
Sem créditos e sem surpresa no fim do mês. A IA roda na sua assinatura de IA (Claude ou Codex), e a gente não cobra por uso.
O WORKSPACE QUE APRENDE
R$ 0/ano
= R$ 31/mês · 2 meses grátis
- ✓o Studio monta seu workspace (sem editar arquivo na mão)
- ✓refaz quando seu design system muda
- ✓memória viva: as lições acompanham você entre demandas
- ✓updates do pipeline, com origem verificada (ed25519)
- ✓skills premium das 5 fases
- ✓até 3 workspaces na sua organização
7 dias grátis, depois R$ 370/ano, renova sozinho. Cartão, cancele antes e não paga.
ESTÚDIO · TIME E AGÊNCIA
R$ 0/ano
= R$ 81/mês · 2 meses grátis
- ✓tudo do Pro
- ✓até 10 workspaces (vários clientes)
- ✓convide o time: lições e design system compartilhados
- ✓skills premium com acesso antecipado
- ✓suporte prioritário
ENTERPRISE · SOB MEDIDA
vamos conversar
cota custom · contrato · nota fiscal
- ✓tudo do Estúdio
- ✓cota de workspaces e membros sob medida
- ✓onboarding e suporte dedicados
- ✓faturamento por nota e contrato
Veja a política de reembolso, os termos e a privacidade.
FAQ
Perguntas que sobraram.
Funciona com outros agentes além do Claude Code?+−
Hoje roda no Claude Code, no claude.ai e no Codex (OpenAI). Cursor e Copilot vêm na sequência. O pipeline é só arquivo: vai aonde o agente for.
Preciso saber programar?+−
Não. Você conversa em português. O terminal é só o lugar onde a conversa acontece.
Meu design system é uma bagunça (ou não existe).+−
O pipeline tem fase de foundations: cria tokens, styles e componentes-base do zero, no seu Figma. As primeiras demandas montam a fundação.
Quantas demandas por mês aguenta?+−
O limite é o da sua assinatura de IA (Claude ou Codex), não nosso. Nós não medimos, não cobramos por uso e não queremos saber.
O que são 'updates assinados'?+−
Cada versão é assinada com chave ed25519. Seu workspace verifica a assinatura antes de aplicar. Update sem origem comprovada não entra.
Vocês veem meus arquivos do Figma?+−
Não. O token fica na sua máquina e as chamadas ao Figma saem dela, direto. A gente recebe três campos de licença e olhe lá.
Posso usar com clientes, numa agência?+−
O plano Estúdio é pra isso: até 10 workspaces, com lições e design system compartilhados entre o time. Precisa de mais? O Enterprise tem cota sob medida.
As lições ficam só comigo ou no time todo?+−
No Pro, a inteligência é do seu projeto. No Estúdio, o time treina o mesmo cérebro: a lição que um designer registra entra na próxima demanda de todos, como um modelo que melhora com mais exemplos.
E se a Anthropic mudar o Claude Code?+−
O pipeline é versionado e a gente mantém: quando o agente muda, atualizamos, assinamos e você recebe. É exatamente o trabalho pelo qual você paga R$ 37/mês.
Os 7 dias grátis pedem cartão? Sou cobrado automático?+−
Pedem um cartão na entrada. Nos 7 dias você não paga nada. Ao fim, vira assinatura paga sozinha, a menos que você cancele antes. Sem método válido, a assinatura é cancelada e nada é cobrado.
Como funciona reembolso e cancelamento?+−
Você começa com 7 dias grátis no Pro (cartão na entrada, cancele antes e não paga). Depois cancela quando quiser: sem novas cobranças, com acesso até o fim do ciclo já pago. Os detalhes de reembolso e prazos estão na política de reembolso.
Entre pro slopless.
Cinco minutos de setup. Zero custo extra de IA. Um workspace que amanhã é melhor que hoje. E o seu nome, nunca mais num template.
pro R$ 37/mês · estúdio R$ 97 · cancela quando quiser