Toolso.AI
Toolso.AI
FerramentasCategoriasTendênciaNovidadesPreçosBlog
Toolso.AI
Toolso.AI

💌Subscreva a Ferramentas de IA Semanal

Seleção semanal das últimas e mais populares ferramentas e tendências de IA, entregues na sua caixa de correio Subscrever

Toolso.AI
Toolso.AI

Descubra as melhores ferramentas de IA para impulsionar a sua produtividade

GitHubGitHubTwitterX (Twitter)YouTubeYouTubeTikTokEmail

Categorias Populares

  • Escrita com IA
  • Imagem IA
  • Vídeo IA
  • Programação IA
  • Mais Categorias

Explorar

  • Últimas Ferramentas
  • Ferramentas Populares
  • Mais Ferramentas
  • Submeter Ferramenta
  • Preços

Sobre

  • Sobre Nós
  • Contacto
  • Blog
  • Registo de Alterações

Legal

  • Política de Cookies
  • Política de Privacidade
  • Termos de Serviço
  • Política de Reembolso
© 2026 Toolso.AI Todos os Direitos Reservados
Oferta limitadaOferta por tempo limitadoDestaque promocionalRevisão em 24 h · Sem backlink · 30 dias em destaque$29.90depois $59.90Sobe para $59.90 após 31 de out.Termina em--:--:--Enviar agora
  1. Início
  2. Todas as Ferramentas
  3. Gerador de Sites
  4. Studio.Design
Prévia da interface do Studio.Design
Logotipo do Studio.Design

Studio.Design

Studio.Design é um criador de sites sem código no navegador, da STUDIO Inc., de Tóquio, que reúne editor de design visual, CMS, formulários, configurações de SEO e hospedagem gerenciada, além de ferramentas de IA e um gerador de sites com IA cobrado à parte.

Gerador de SitesFerramenta de Design#Sem código#SEO#Design
Experimentar Grátis
Salvos
Visitas
Visualizações
Preço
Freemium
Publicado
6 de out. de 2026
Domínio
studio.design
Avaliação dos utilizadores

Já usou esta ferramenta? Avalie-a

Avaliar esta ferramenta

Informação do Produto Studio.Design

Experimentar Grátis
Informações da Ferramenta
Salvos
Visitas
Visualizações
Preço
Freemium
Publicado
6 de out. de 2026
Domínio
studio.design
Avaliação dos utilizadores

Já usou esta ferramenta? Avalie-a

Avaliar esta ferramenta

Ferramentas em Destaque

Ferramentas Relacionadas

Experimentar Grátis

O que é Studio.Design?

Studio.Design (escrito Studio ou STUDIO nas páginas oficiais) é um criador de sites sem código que roda no navegador: você monta as páginas visualmente, gerencia o conteúdo em um CMS integrado e publica na hospedagem operada pela própria empresa. A página inicial o apresenta como a ferramenta de design mais fácil e rápida para transformar uma ideia em site, sem código e com total liberdade criativa.

O produto é da STUDIO Inc., cujos termos indicam um endereço postal em Ebisu, Shibuya-ku, Tóquio. Um veículo japonês de notícias de tecnologia noticiou o lançamento oficial em 2 de abril de 2018, cerca de um ano após a abertura de uma versão beta em abril de 2017, e citou Yutaka Ishii e Keima Kai entre os fundadores.

O site em japonês informa mais de 900.000 usuários, mais de 220.000 sites publicados e mais de 30.000 empresas que adotaram a ferramenta, conforme captura de 6 de outubro de 2026; são números da própria empresa, não contagens independentes. Os sites em inglês e em japonês também diferem em escopo: as páginas em inglês cobrem o criador principal com preços em dólares americanos, enquanto as japonesas acrescentam preços em ienes, um plano Enterprise e uma longa lista de estudos de caso corporativos.

Principais funcionalidades

Editor de design

  • Layout em caixas e símbolos: os layouts são montados empilhando caixas, o espaçamento é ajustado com controles de arrastar no canvas, elementos repetidos viram símbolos reutilizáveis e cada breakpoint responsivo é personalizado visualmente, em vez de em CSS.
  • Edição em equipe: várias pessoas podem editar ao mesmo tempo, um modo de edição de conteúdo permite que editores alterem textos e imagens sem mexer no design, e os tópicos de comentários ficam dentro do editor.
  • Fontes: a página do editor em inglês anuncia mais de 900 fontes sem custo extra. A página do editor em japonês traz um número bem maior, mais de 9.200 fontes gratuitas, abrangendo Morisawa (TypeSquare), Google Fonts, fontes personalizadas e fontes do sistema; as duas páginas oficiais não batem.
  • Dados reais e incorporações: os designs podem puxar dados do Notion e do Airtable, e iframes incorporam serviços como Google Maps ou YouTube.
  • Modelos: uma loja de modelos oferece designs gratuitos e pagos de designers externos, que podem ser personalizados sem código.

CMS, hospedagem, formulários e SEO

  • CMS: o conteúdo suporta edição colaborativa em tempo real até o nível das configurações de propriedades, publicação agendada que roda mesmo com o app fechado e importação de conteúdo do WordPress com um clique.
  • Publicação: um clique transforma um design em site no ar, sem configurar servidor; todo site recebe SSL automaticamente e a página de hospedagem anuncia 99,9% de disponibilidade.
  • Formulários: os formulários são posicionados arrastando e soltando, com campos personalizados; os envios podem ser sincronizados com o Google Sheets, e o Google reCAPTCHA está disponível contra spam.
  • Configurações de SEO: redirecionamentos, sitemaps XML gerados e títulos, descrições, favicons e tags OGP por página ficam ao lado das conexões com Google Search Console, Google Tag Manager, Google Analytics e HubSpot.

Animação e importação do Figma

  • Lottie: uma caixa Lottie aceita uma URL de dotLottie ou Lottie JSON, e a reprodução pode ser automática, começar quando o elemento fica visível, rodar ao passar o mouse ou clicar, ou sincronizar com a rolagem ou a posição do cursor.
  • Do Figma para site: o plugin Figma to STUDIO copia frames do Figma para o editor; a Studio diz que os designs importados ficam responsivos automaticamente e que imagens, ícones, fontes e cores vêm junto.

Ferramentas de IA no editor

A central de ajuda documenta cinco funções de IA. A IA de imagem edita imagens a partir de instruções em linguagem natural, opcionalmente guiada por uma imagem de referência; a IA de texto rascunha ou reescreve textos a partir de um prompt e pode traduzi-los; a função de responsividade automática aplica configurações de breakpoint a um layout de desktop pronto; a renomeação de camadas substitui nomes genéricos de camadas; e o assistente de redação de SEO rascunha títulos de página e meta descrições a partir do texto da página.

Studio.Assistant

Studio.Assistant é um gerador de sites com IA com plano pago próprio, separado do editor de design. A partir dos dados que você informa, ele produz desde a estrutura de informação do site até um rascunho de design, que você depois exporta para o editor de design para refinar e publicar. A página do produto em japonês o enquadra como uma ferramenta que pressupõe que uma pessoa ajuste o resultado na interface e afirma que ele não conclui um fluxo de trabalho de forma autônoma como faria um agente de IA.

Guia

Importar um design do Figma

  1. Instale o plugin Figma to STUDIO no Figma.
  2. Prepare o arquivo: as dicas de importação favorecem o layout automático e a inclusão de <img> no início dos nomes das camadas usadas para ilustrações e imagens.
  3. Selecione os frames e copie-os; páginas com muitas camadas podem ser importadas seção por seção.
  4. Cole o design no editor do Studio para concluir a importação.

Rascunhar um site com o Studio.Assistant

  1. Crie um projeto novo (ou abra um existente) e selecione Assistant.
  2. Preencha a visão geral do site: nome, finalidade, categoria, descrição, URL atual e palavras-chave para busca de fotos.
  3. Use os controles deslizantes de tipo de conteúdo para definir o equilíbrio entre texto e fotos, o grau de persuasão do texto e quantas páginas gerar.
  4. Envie o logotipo e as imagens em PNG, JPG ou SVG; a cor principal do site pode ser extraída do logotipo.
  5. Selecione “Gerar design”. As páginas aparecem uma após a outra, e o site existente fica somente leitura durante a geração.
  6. Adicione, exclua ou reordene páginas na visualização do mapa do site e depois exporte para o editor de design para edição detalhada e publicação.

Casos de uso e exemplos

  • Sites de uma página e portfólios: os planos pagos são posicionados por tipo de site, com Mini para sites de uma página, Personal para portfólios, Business para startups e Business Plus para empresas em expansão. Uma única página de campanha feita com o Studio como ferramenta de criação de páginas de destino cabe no limite do Mini, de 2 páginas mais uma página 404.
  • Páginas de destino em uma grande empresa: em um estudo de caso do fornecedor, a East Japan Railway Company cria vários sites de páginas de destino sob seu domínio jreast.co.jp e usa espaços de trabalho para controlar permissões entre muitas partes interessadas.
  • Consolidar vários sites corporativos: outro estudo de caso do fornecedor tem como título a ITOCHU levando a gestão de 14 sites para o Studio e cortando custos em 40%.
  • Agências e propostas comerciais: o Studio.Assistant é divulgado para vendedores e diretores como forma de produzir rapidamente vários rascunhos de design e compartilhá-los como sites funcionais enquanto uma proposta ainda está em discussão.
  • Sair do WordPress: posts, páginas, categorias e tags do WordPress podem ser importados de uma exportação XML, mas o design e as configurações do site não são transferidos, então estrutura de páginas, design, configuração do CMS, URLs e redirecionamentos precisam ser conferidos após a mudança.

Os resultados dos estudos de caso são relatos dos próprios clientes publicados pela Studio, não medições independentes.

Para Quem É

Provavelmente combina

  • Designers que querem publicar sem escrever código. No lançamento em 2018, o cofundador descreveu o público-alvo como empresas especializadas em design, mas sem habilidades de programação, e não indivíduos ou pequenas empresas que simplesmente querem um site qualquer.
  • Designers gráficos, agências e designers de UX: as histórias de clientes da página inicial destacam um designer gráfico, uma agência, um designer de UX e um estudante de design de UX.
  • Empresas e equipes, especialmente no Japão. O FAQ em japonês indica Business ou Business Plus para uso em equipe, pela gestão de permissões e pela operação após o lançamento, e Enterprise para operações maiores, requisitos de auditoria e segurança ou suporte individual.

Combina menos

  • Lojas e sites de membros, que precisam de recursos que a Studio lista como não suportados.
  • Quem precisa levar o código do site para outro lugar ou editar em tablet ou celular; a central de ajuda descarta as duas coisas (veja Plataformas e Limitações).

Plataformas

  • Onde editar: o editor de design e o painel de projetos só são suportados no Google Chrome para desktop. Outros navegadores não são suportados, e não é possível editar em tablets ou celulares.
  • Onde os sites ficam: o plano Free publica em um endereço studio.site e exibe um selo do Studio; os planos de projeto pagos acrescentam domínio personalizado.
  • Integrações: o FAQ em japonês lista Google Analytics, Google Tag Manager, Search Console, reCAPTCHA, Meta Pixel e ferramentas de chat, e acrescenta que ferramentas sem suporte direto às vezes podem ser conectadas pelo Google Tag Manager ou por código incorporado.
  • Código personalizado: a caixa de incorporação aceita HTML, CSS e JavaScript, e os planos pagos podem inserir código na seção head ou body do site inteiro ou de páginas específicas.
  • Idiomas: a interface, o chat e os textos gerados do Studio.Assistant suportam japonês e inglês.

Preços

O Studio cobra por projeto, não por conta: cada projeto tem a própria assinatura, e só é possível criar e publicar um site por projeto. Os preços abaixo vêm da página de preços em inglês, conforme captura de 6 de outubro de 2026.

PlanoCobrança anual (por mês)Cobrança mensalPáginasRespostas de formulárioHistórico de versões
Free$0$050Não informado no card do plano1 dia
Mini$5$102 + página 4041005 dias
Personal$10$121501.00030 dias
Business$25$3530010.000120 dias
Business Plus$80$110300Tudo do Business360 dias

A página informa que todos os valores incluem os impostos aplicáveis e anuncia economia de 20% ou mais na cobrança anual. Além da tabela, o Personal acrescenta proteção por senha; o Business acrescenta permissões básicas, análises ilimitadas e redirecionamentos; o Business Plus acrescenta 15.000 itens de CMS, permissões avançadas, cabeçalhos personalizados e logs de atividade. A atualização de produto de julho de 2026 anunciou que não há limites mensais de visitantes.

Outras cobranças e planos

  • Complemento de proxy personalizado: projetos Business Plus podem adicioná-lo por $290 por mês para servir páginas do Studio em subdiretórios de um domínio existente, com certificados personalizados e redirecionamentos 301.
  • Espaços de trabalho: cobrados à parte dos planos de projeto. O espaço de trabalho gratuito comporta até 3 projetos; o Team custa $14 por membro por mês na cobrança anual (a partir de $42 pelo mínimo de 3 membros) ou $18 por membro na cobrança mensal (a partir de $54).
  • Preços em ienes: a página de preços em japonês lista Mini a ¥590, Personal a ¥1,190, Business a ¥3,980 e Business Plus a ¥9,980 por mês na cobrança anual, ou ¥1,290, ¥1,720, ¥5,460 e ¥12,900 na cobrança mensal, com o proxy personalizado a ¥39,800 por mês.
  • Enterprise: aparece na página de preços em japonês, mas não na página em inglês consultada aqui; sob consulta, com páginas e itens de CMS ilimitados, SLA de 99,9%, logs de atividade de 360 dias, restrições por endereço IP e pagamento por transferência bancária.
  • Studio.Assistant: o Starter custa ¥24,800 e o Pro ¥99,800 por mês na cobrança mensal, ou ¥19,800 e ¥74,800 por mês na cobrança anual, com impostos incluídos, e ambos começam com um teste grátis de 14 dias. O teste vale apenas para a primeira assinatura, e a cobrança começa automaticamente 14 dias após o cadastro.
  • Domínios: o FAQ em japonês observa que a mensalidade cobre apenas criação e publicação; o registro de domínio personalizado e os custos de conexão à internet são à parte.

Regras de cobrança

  • O pagamento é feito com cartão de crédito ou débito.
  • Não é possível mudar da cobrança anual para a mensal; o projeto precisa voltar ao Free e depois contratar um plano mensal.

Alternativas ao Studio.Design

  • WordPress: o próprio FAQ do Studio enquadra a diferença como manutenção. O WordPress se expande com flexibilidade por temas e plugins, mas deixa servidores, atualizações e segurança por sua conta, enquanto o Studio reúne criação do site, CMS, formulários, SEO e hospedagem em um único ambiente. Essa é a comparação do fornecedor, não uma independente.
  • Wix, Squarespace e Peraichi: no lançamento, o cofundador disse que esses criadores poderiam competir em parte com o Studio, e a mesma reportagem apontou o Webflow como o concorrente que a STUDIO acompanhava mais de perto.
  • Framer, Webflow, WebWave e Dorik: uma plataforma de lançamento de produtos os lista como produtos semelhantes ao Studio.Design.

Limitações

  • Sem exportação de código: não é possível editar diretamente o HTML de uma página, e o Studio.Design não oferece como exportar o código HTML do site.
  • Sem loja virtual nem páginas exclusivas para membros: o FAQ em japonês lista páginas exclusivas para membros e e-commerce entre as funções que o Studio não suporta.
  • Uma senha por site: o Studio não consegue atribuir senhas diferentes a visitantes diferentes; só é possível definir uma única senha para o site todo.
  • Respostas de formulário ocultas: respostas além do limite de um plano não aparecem no painel nem nas notificações por e-mail até o upgrade do plano.
  • Downgrades despublicam conteúdo: é possível agendar um downgrade mesmo quando o conteúdo excede os limites do plano inferior, mas itens de CMS ou recursos além desses limites são despublicados.
  • Sem reembolsos: os planos não são reembolsados depois que o contrato é firmado, inclusive em upgrades acidentais, e um plano renovado automaticamente não pode ser cancelado nem reembolsado.
  • Limites de uso da IA: as funções de IA têm um limite de execuções; depois de excedido, elas não podem ser usadas por um certo período.
  • Ressalvas da importação do Figma: designs do Figma feitos em tamanho de tablet ou celular são reconhecidos como tamanho desktop, e o modo de páginas múltiplas está em beta e pode se comportar de forma inesperada.
  • Geração com IA para uma pessoa: o trabalho no Studio.Assistant é pensado para uma pessoa por vez; a colaboração normal volta após a exportação para o editor de design.
  • Escopo do suporte: o suporte por chat cobre questões relacionadas ao Studio, mas não serviços de terceiros nem consultoria de design.

Privacidade e direitos sobre o conteúdo

  • Local dos dados: o Studio roda em servidores do Google Cloud Platform no Japão e nos Estados Unidos, e informações pessoais podem ser armazenadas em qualquer um dos dois países.
  • Treinamento de IA: a central de ajuda afirma que sites e conteúdos criados no Studio.Assistant nunca são usados para treinar IA. Nas páginas consultadas para esta análise, não foi encontrada declaração equivalente para as funções de IA de imagem e IA de texto do editor.
  • Licença sobre o conteúdo: seu conteúdo continua seu, mas os termos concedem à STUDIO uma licença irrevogável, perpétua e mundial para usá-lo na prestação, melhoria e promoção do serviço.
  • Divulgação: a STUDIO pode exibir seu site no próprio site e em materiais de marketing.
  • Idade e jurisdição: os usuários precisam ter pelo menos a maioridade do lugar onde vivem ou ter consentimento dos pais, com mínimo de 16 anos na UE. Para usuários fora dos EUA, os termos são regidos pelas leis do Japão.

FAQ

Q1. Posso exportar o código do meu site no Studio.Design?

Não. O Studio.Design não oferece exportação de HTML nem edição direta do HTML. É possível adicionar código personalizado pela caixa de incorporação, mas o site continua na hospedagem do Studio.

Q2. Posso editar um site do Studio.Design no iPad ou no celular?

Não. A edição exige o Google Chrome em um computador desktop; tablets e celulares não podem ser usados para editar.

Q3. O Studio.Design é gratuito?

Há um plano Free com as ferramentas de design e até 50 páginas, mas ele exibe um selo do Studio e publica apenas em um endereço studio.site. Domínio personalizado começa no plano Mini.

Q4. O Studio.Design usa meu conteúdo para treinar IA?

Para o Studio.Assistant, a central de ajuda diz que sites e conteúdos criados nunca são usados para treinar IA. Uma declaração comparável para as demais funções de IA do editor não foi encontrada nas páginas consultadas.

Q5. Posso conseguir reembolso?

Em geral, não. O Studio não reembolsa planos após a compra, inclusive upgrades acidentais, então é preciso fazer o downgrade do plano antes da data de renovação para evitar a próxima cobrança.

Conhece uma Ferramenta Semelhante?
Se conhece outras ótimas ferramentas de IA, sinta-se à vontade para as submeter-nos