As telas criadas com ferramentas de prototipagem apenas “parecem” convincentes. Mesmo ao tocar em um botão, você só vai para uma tela previamente conectada; os dados não são realmente salvos, nem há comunicação com um servidor. Por isso, validar uma ideia acabava exigindo que alguém escrevesse código.
O Layerz foi criado para preencher essa lacuna. Em resumo, ele permite definir, sem código, o design, os dados, o comportamento e as integrações com API de um app iOS e executá-lo imediatamente no mesmo lugar. Desenvolvido pela Layerz Corp., o app é distribuído gratuitamente para iPhone, iPad e Mac.
Veja o resumo dos pontos principais.
- Criar telas posicionando componentes nativos do iOS (stacks, listas, abas e Auto Layout) em um canvas
- Definir esquemas de dados diretamente e vinculá-los à UI. A tela é atualizada automaticamente quando os dados mudam
- Conectar “tocar em um botão → verificar uma condição → navegar/alterar dados” como nós no Action Flow
- Importar uma especificação OpenAPI (Swagger) e chamar APIs reais. É comunicação de verdade, não um mock
- Executar imediatamente no iPhone, iPad e Mac sem fazer build
Desenhar telas como estrutura, não como mockups
O editor de design do Layerz é diferente de uma ferramenta de desenho livre. Em vez de desenhar um retângulo para fazê-lo parecer um botão, você monta componentes reais de layout do iOS desde o início — stacks, listas e contêineres de barra de abas. Como é baseado em Auto Layout, as telas acompanham a mudança de tamanho do dispositivo.
Cores e tipografia são gerenciadas como tokens do design system, com suporte à alternância entre temas claro e escuro. Combinações usadas com frequência podem ser agrupadas em componentes personalizados reutilizáveis. Para um desenvolvedor, é quase como levar a forma de pensar do SwiftUI — composição de componentes, data binding e estilos baseados em tokens — para um editor visual.
Dados e comportamento: o verdadeiro diferencial começa aqui
É nos dados que o Layerz se diferencia das ferramentas de prototipagem. Você pode definir esquemas de dados diretamente no Layerz, especificando tipos de campo, enum e até datas, e vincular esses dados a componentes de UI, como listas e textos. Também é possível criar listas filtradas e ordenadas por condições. Os dados são salvos no disco e continuam disponíveis quando o app é executado novamente.
O comportamento é definido em um canvas de nós chamado Action Flow. Fluxos como “toque no botão → validar entrada → ramificar por condição → adicionar dados → navegar para outra tela” são criados conectando nós, em vez de escrever código. Comportamentos nativos do iOS, como alertas, prompts de entrada, folhas de compartilhamento, sons e hápticos, também são oferecidos como nós.
Integração com API sem código
A parte mais ambiciosa é a integração com API. Ao importar uma especificação OpenAPI/Swagger, as definições dos endpoints são trazidas como estão, e você pode configurar autenticação, novas tentativas e o tratamento das respostas por status. O mapeamento das respostas do servidor (JSON) para o modelo de dados do app é feito em um canvas visual de nós chamado Data Transformer.
Assim, você pode criar e executar sem código um app que “busca uma lista de produtos em um servidor real, exibe essa lista e navega para os detalhes ao tocar em um item”. A prévia aparece instantaneamente, sem processo de build, e o mesmo projeto pode ser aberto e editado em qualquer iPhone, iPad ou Mac.
Para quem isso é útil?
O site oficial destaca quatro públicos.
- Maker: transformar uma ideia em algo funcional sem saber programar
- Product manager: validar uma ideia com um protótipo realmente interativo, em vez de um documento de requisitos
- Designer: elevar um protótipo que apenas “parece bom” a um que “funciona com dados reais”
- Developer: definir rapidamente a estrutura das telas, o modelo de dados e as especificações de comportamento antes da implementação
Para desenvolvedores, em particular, ele parece útil como ferramenta de especificação. Como telas, dados e fluxos são todos estruturados, é possível eliminar ambiguidades da fase de planejamento antes de escrever código.
Entendendo sua posição e suas limitações
É claro que as perguntas comuns sobre ferramentas no-code também se aplicam ao Layerz. Lógica de negócio complexa, animações personalizadas e integrações com SDKs de terceiros — tudo que fica fora dos nós oferecidos pela ferramenta — ainda pertence ao domínio do código. É mais preciso entender o Layerz não como um substituto para o desenvolvimento de apps, mas como uma forma de adiantar radicalmente a etapa de criar protótipos funcionais e especificações.
Ser dedicado ao ecossistema iOS (iPhone, iPad e Mac) é tanto uma característica quanto uma limitação. Por outro lado, como usa diretamente componentes nativos do iOS e Auto Layout, o resultado também tem a aparência de um app iOS autêntico.
Se você tem uma ideia, mas o código estava impedindo seu avanço, ou quer reduzir o ciclo de validação de ideias da equipe, vale a pena experimentar esta ferramenta. Ela está disponível gratuitamente na App Store e na Mac App Store.