Construir é o conjunto de ferramentas de design de tela da InVision que permite que os designers adicionem facilmente conteúdo com um clique. Duas coisas que os designers valorizam em seus fluxos de trabalho - velocidade e dados - são trazidas eficientemente para seus projetos graças ao Craft.

Agora, o Invision está estreando Dados dentro do Ofício; Os dados são um plug-in gratuito que permite que os designers extraiam itens como texto, imagens e valores JSON dos sites públicos da API ao vivo e os adicionam diretamente ao Sketch.

Anteriormente, os designers só podiam extrair texto e imagens de locais como o Dropbox, seus arquivos locais, sites da Web, Unsplash e dados internos. Graças à guia JSON, os criativos agora podem inserir URLs ou soltar arquivos JSON para atribuir valores a elementos de design. Depois disso, eles podem utilizar o plug-in duplicado para criar componentes de design exclusivos com apenas um clique, cada um apresentando novos dados de sua API.

Se você já usou o Craft, encontrará mudanças significativas na interface, graças ao Data. Por um lado, os plugins “type” e “photos” já foram consolidados em Data, simplificando o menu para que você encontre todas as imagens e textos que você puxa em um local bem organizado.

Capturar imagens e textos de sites ao vivo nunca foi tão simplificado, como acontece no mesmo menu. Basta clicar em uma foto para preencher qualquer coisa com uma imagem; Você também pode fazer o mesmo com o texto. Como acontece com as outras ferramentas de dados, quando você duplica esse conteúdo, os Dados permitem que você extraia mais conteúdo da mesma página da Web.

Rascunho gira em torno de três “modos” que aceleram os fluxos de trabalho:

  • Personalizado: essa guia permite que você preencha seu design com fotos e textos personalizados com apenas alguns cliques. Para colocar nomes de usuários aleatórios, por exemplo, basta escolher alguns bits de texto e clicar em “Nomes”. Este processo é o mesmo com o resto das categorias (cidades, títulos, moeda, etc.).
  • Web: este separador permite-lhe extrair fotos e texto de qualquer site que seja desejável. Assim como na guia Personalizado, basta escolher um bloco de texto ou a imagem e clicar no texto ou imagem no próprio site.
  • JSON: essa guia permite que você conecte APIs para acessar e, em seguida, criar com qualquer tipo de dados que você escolher. Esse recurso é ideal se você deseja projetar com dados públicos de uma fonte externa ou seus próprios dados da API.

Saiba mais sobre o plug-in do Craft Data Aqui .