Economize tempo ao codar telas.

FlutterVision:
Uma ferramenta Design-to-Code para desenvolvedores Flutter.
FlutterVision tem uma melhor performance no Google Chrome, Firefox e Vivaldi.
Fluttervision canva mac
Device frame
Figma to flutter

Feito para Desenvolvedores

Escreva menos e o foque o seu tempo naquilo que realmente importa. 

  • Flutter example
  • Screen shot 2022 01 14 at 15.43.42

Criado pela

Uma ferramenta no-code para agradar desenvolvedores

Com o FlutterVision, a primeira versão do seu aplicativo é gerada até 5 vezes mais rápida e o projeto UI/UX estará pronto para rodar executado no dispositivo. As horas anteriormente gastas na construção da usabilidade mínima, agora podem ser dedicadas para melhorá-la.
Time

Deixe de lado as tarefas chatas e repetitivas

Não gaste horas posicionando componentes e escrevendo textos. E chega de muito "copia e cola". Com inteligência artificial FlutterVision, todos os componentes e textos são reconhecidos e configurados. Por fim, economize tempo para concentrar-se em tarefas mais importantes.
Relax

Arquitetura de código limpo para o framework que você ama: Flutter

Você não precisa começar do zero. Deixe o FlutterVision agilizar o desenvolvimento da UI e gerar o código fonte, com com código limpo e alto nível, para um dos principais frameworks: Flutter.
Design

Veja como funciona

4 passos do FlutterVision

Simples e rápido.
  • Upload
    Faça o upload do projeto Figma
    ou use screnshots (JPG or PNG)
  • Computer vision
    Através de Visão Computacional
    ele irá detectar todos os componentes.
  • Hand
    Faça alguns mínimos
    ajustes aos componentes
    e configure a navegação
    entre as telas.
  • Code
    Faça o download do projeto
    (código fonte) para Flutter.
O que é o FlutterVision?
Agilidade para codar UIs
FlutterVision é uma ferramenta rapid application development (RAD) criada para acelerar o desenvolvimento de User Interfaces. FlutterVision usa Visão Computacional para detectar e criar todos os componentes da UI (como containers, buttons, texts, check boxes, sliders, etc.) e, como resultado, exportar uma aplicação Flutter.
Usando IA, o FlutterVision é capaz de reconhecer seu design e criar rapidamente o código da sua UI.

O que o FlutterVision pode fazer por você?

Você pode criar a primeira versão da sua UI em alguns minutos.

  • NOVO

    Design Figma como input

    Você pode usar o projeto Figma como input para o FlutterVision. Dessa forma, muitos dados serão importados e aproveitados, economizando ainda mais tempo.

  • Arquivos PNG/JPG como input

    O FlutterVision é agnóstico em termos de ferramenta de design, o que significa que os designers não precisam mudar a maneira como já trabalham. Basta ter o design das telas e os ícones em arquivo PNG ou JPG.

  • Múltiplas Telas

    Não importa quantas telas seu projeto tenha, você pode fazer o upload de todas e o FlutterVision se encarregará de fazer o resto. 

  • Reconhecimento e construção automática de componentes

    A IA identifica a posição e o tipo dos componentes na tela. Além disso, o FlutterVision define todo as suas propriedades automaticamente e as converte em código.

  • Reconhecimento automático de texto

    Você não precisa digitar nenhum texto nem escolher a cor. O FlutterVision AI reconhece todos os textos na tela, definindo corretamente as cores e as posições.

  • Navegação entre telas

    Você só precisa informar a sequência das telas, então o FlutterVision irá configurar os eventos de cliques e codificar o movimento entre as telas.

  • Construa Flutter apps

    Nosso foco no Flutter permite converter design em código, de alta qualidade. 

Desenvolvimento de UI 5x mais rápido.

Teste agora o FlutterVision e nos dê seu feedback.
Portuguese 🇵🇹🇧🇷