# Flowstep: Brazilian Portuguese ## Brazilian Portuguese ### Documentação #### Primeiros passos - [O que é Flowstep?](https://docs.flowstep.ai/pt-BR/introduction.md): Flowstep é uma ferramenta de design com IA que gera telas de UI polidas a partir de prompts de texto. Saiba o que faz, para quem é e o que você pode criar com ela. - [Comece com Flowstep: inscreva-se e gere designs](https://docs.flowstep.ai/pt-BR/getting-started.md): Crie uma conta gratuita no Flowstep, gere seu primeiro design de interface a partir de um prompt de texto e compartilhe com seu time — tudo em uma sessão. - [Como usar Flowstep sem experiência prévia em design](https://docs.flowstep.ai/pt-BR/no-design-skills.md): Você não precisa de uma formação em design para criar telas de UI fantásticas com Flowstep. Aprenda como descrever o que você quer e deixe o Flowstep fazer o resto. #### Usando o Flowstep - [Gere telas de UI a partir de prompts de texto com o Flowstep](https://docs.flowstep.ai/pt-BR/generating-designs.md): Use o Flowstep para gerar uma tela ou até 6 telas de uma só vez a partir de um único prompt de texto — ideal para ideação rápida de UI e exploração de fluxos completos. - [Edite e itere designs do Flowstep via chat ou canvas](https://docs.flowstep.ai/pt-BR/editing-designs.md): Refine qualquer tela gerada pelo Flowstep através de edição visual manual ou prompts baseados em chat — itere quantas vezes for necessário até que o design esteja certo. - [Use referências para guiar e acelerar designs do Flowstep](https://docs.flowstep.ai/pt-BR/design-references.md): Anexe um PRD, faça upload de uma imagem ou cole uma URL para dar contexto ao Flowstep—assim você consegue gerar ideias mais rapidamente sem precisar escrever prompts longos. - [Defina diretrizes de design para manter cada geração Flowstep alinhada com a marca](https://docs.flowstep.ai/pt-BR/design-guidelines.md): Defina diretrizes de design no nível de arquivo no formato DESIGN.md — cores, tipografia, espaçamento e convenções que direcionam cada geração de IA e edição no arquivo. - [Use temas para manter cores e arredondamento de cantos consistentes em todas as telas do Flowstep](https://docs.flowstep.ai/pt-BR/themes.md): Escolha ou gere um tema para cada arquivo, reestilize telas individuais, edite os temas da sua organização e vincule cores e cantos a tokens de tema para que as mudanças se propaguem por todas as telas. - [Visualize designs do Flowstep como protótipos interativos](https://docs.flowstep.ai/pt-BR/prototypes.md): Abra qualquer arquivo do Flowstep como um protótipo clicável — o Flowstep vincula suas telas automaticamente, e você pode definir ou bloquear a navegação manualmente por elemento. - [Compartilhe designs do Flowstep com seu time e stakeholders](https://docs.flowstep.ai/pt-BR/sharing-designs.md): Gere um link compartilhável para qualquer design do Flowstep, controle quem pode abrir um arquivo com níveis de acesso geral e convide pessoas para visualizar ou editar por email. #### Equipes e organizações - [Organizações Flowstep: equipes, funções e permissões](https://docs.flowstep.ai/pt-BR/organizations.md): Saiba como as organizações funcionam no Flowstep — o que Owners, Admins, Members e Guests podem fazer, como arquivos são compartilhados em sua equipe e como ingressar ou alternar entre organizações. - [Gerencie sua organização: pessoas, funções e configurações](https://docs.flowstep.ai/pt-BR/organization-settings.md): Adicione membros à sua organização Flowstep, altere funções, gerencie convidados e convites pendentes, e renomeie sua organização — tudo a partir de Settings. #### Exportação e integrações - [Baixe designs Flowstep como arquivos de imagem JPG ou PNG](https://docs.flowstep.ai/pt-BR/export-formats.md): Flowstep suporta exportação de designs como JPG ou PNG. Saiba qual formato se adequa ao seu caso de uso e como baixar suas telas em poucos cliques. - [Mova designs entre o Flowstep e o Figma](https://docs.flowstep.ai/pt-BR/figma-integration.md): Copie qualquer quadro do Flowstep para o Figma com copiar e colar, ou importe quadros do Figma para o Flowstep como telas editáveis. Trabalhe nas duas ferramentas sem trocar de aba. #### Servidor MCP - [Servidor MCP do Flowstep](https://docs.flowstep.ai/pt-BR/mcp/overview.md): Conecte o seu agente de código ao Flowstep pelo MCP para gerar, editar, inspecionar e gerenciar telas no canvas de design a partir do Claude, do Cursor, do Codex ou de qualquer cliente compatível com MCP. - [Início rápido do MCP](https://docs.flowstep.ai/pt-BR/mcp/quickstart.md): Conecte o Flowstep ao seu agente de código e faça a sua primeira chamada de ferramenta. - [Autenticação no MCP](https://docs.flowstep.ai/pt-BR/mcp/authentication.md): Como os clientes MCP do Flowstep se autenticam: fluxo OAuth 2.1 PKCE e criação de conta. - [Referência de ferramentas do MCP](https://docs.flowstep.ai/pt-BR/mcp/tools.md): Entrada, saída e exemplos de todas as 23 ferramentas do MCP do Flowstep. - [Limites de uso do MCP](https://docs.flowstep.ai/pt-BR/mcp/usage-limits.md): Quais ferramentas do MCP usam mensagens, como os limites se aplicam às chamadas de ferramenta do MCP e como verificar sua cota restante. - [Exemplos do MCP](https://docs.flowstep.ai/pt-BR/mcp/examples.md): Fluxos de trabalho completos para tarefas comuns do MCP do Flowstep. ##### Clientes - [MCP do Flowstep: Cursor](https://docs.flowstep.ai/pt-BR/mcp/clients/cursor.md): Conecte o Flowstep ao Cursor usando o transporte HTTP em streaming do MCP. - [MCP do Flowstep: Claude Code](https://docs.flowstep.ai/pt-BR/mcp/clients/claude-code.md): Conecte o Flowstep ao Claude Code (CLI) usando o transporte HTTP em streaming do MCP. - [MCP do Flowstep: Windsurf](https://docs.flowstep.ai/pt-BR/mcp/clients/windsurf.md): Conecte o Flowstep ao Windsurf usando o transporte HTTP em streaming do MCP. - [MCP do Flowstep: Codex](https://docs.flowstep.ai/pt-BR/mcp/clients/codex.md): Conecte o Flowstep ao OpenAI Codex usando o transporte HTTP em streaming do MCP. - [MCP do Flowstep: Claude Desktop](https://docs.flowstep.ai/pt-BR/mcp/clients/claude-desktop.md): Adicione o Flowstep ao Claude Desktop com um clique pelo diretório de conectores do Claude. - [MCP do Flowstep: claude.ai](https://docs.flowstep.ai/pt-BR/mcp/clients/claude-ai.md): Adicione o Flowstep ao Claude com um clique pelo diretório de conectores do Claude. #### Cobrança e planos - [Preços do Flowstep: avaliação gratuita, plano gratuito e planos pagos](https://docs.flowstep.ai/pt-BR/pricing.md): Comece com o Flowstep com uma avaliação gratuita e sem cartão de crédito. Compare os planos Free, Starter, Pro e Max, com preços por assento e cobrança anual economizando até 20%. - [Cobrança do Flowstep: ciclos, cancelamento e acesso](https://docs.flowstep.ai/pt-BR/billing.md): Aprenda como o Flowstep lida com ciclos de cobrança mensais e anuais, quem pode gerenciar a cobrança em uma organização, como cancelar sua assinatura e o que acontece após o cancelamento. - [Assentos e cobrança por assento para equipes do Flowstep](https://docs.flowstep.ai/pt-BR/seats.md): Como assentos funcionam nos planos pagos do Flowstep: quem usa um assento, como adicionar e remover membros afeta sua cobrança, e o que acontece com membros sem assento. - [Mensagens do Flowstep explicadas: limites de uso e renovações](https://docs.flowstep.ai/pt-BR/messages-and-limits.md): Saiba o que conta como mensagem no Flowstep, como funcionam os limites diários e mensais, como os limites se aplicam por assento em uma equipe e o que acontece quando você atinge o seu limite. - [Acesse e baixe suas faturas de cobrança do Flowstep](https://docs.flowstep.ai/pt-BR/invoices.md): Flowstep gera automaticamente faturas para todos os planos pagos após cada período de cobrança. Baixe-as a qualquer momento no painel da sua conta. #### Segurança e privacidade - [Como Flowstep protege seus dados de conta e designs](https://docs.flowstep.ai/pt-BR/security.md): Aprenda como Flowstep protege seus dados com criptografia em trânsito e em repouso, e onde encontrar detalhes completos sobre segurança na Política de Privacidade. - [Política de privacidade de dados do Flowstep e limites de treinamento de IA](https://docs.flowstep.ai/pt-BR/data-privacy.md): O Flowstep não usa seus dados pessoais para treinar modelos de IA, e seus provedores de LLM também não. Aprenda quais dados podem ser usados e como. ### Registro de alterações - [Flowstep changelog](https://docs.flowstep.ai/changelog.md): Flowstep changelog and product updates. Stay up to date with new features and improvements shipped in Flowstep.