30 Os Melhores Recursos Gratuitos de Aplicação de Esboço – Kits UI, Wireframes, Plugins

Setembro 13, 2021
| Sem comentários

A maior colecção de recursos gratuitos de aplicação Sketch, abrangendo sketch wireframe kits, sketch prototyping, sketch app templates, sketch app templates, etc.

Sketch, ferramenta de desenho vectorial que corre no Mac, é simplista e fácil de usar, tornando-o favorecido por cada vez mais designers. Além disso, mais e mais designers estão compartilhando recursos gratuitos da aplicação Sketch, dando aos designers UX/UI uma mão na construção de seus projetos de forma fácil e rápida. Aqui eu colecionei 30 dos melhores recursos gratuitos de aplicativos Sketch, incluindo Sketch UI Kits, wireframes Sketch, plugins Sketch, modelos de aplicativos Sketch, e mais.

Aqui está uma coleção dos melhores kits gratuitos de wireframe Sketch para aplicativos móveis e design de wireframe de sites em 2018. Uma wireframe é uma das melhores maneiras de compartilhar suas idéias de design, e você pode simplesmente baixar qualquer um dos seguintes kits para desenhar seus próprios aplicativos e websites sem esforço.

>

Liberty Mobile Wireframe Kit

>

Liberty Mobile Wireframe Kit é uma ferramenta altamente customizável para o design de aplicativos móveis com velocidade máxima. Simplesmente arrastando e soltando seus elementos personalizados pré-desenhados, você pode desenhar sua própria aplicação móvel. Além disso, inclui 125 telas, fontes Google grátis e uma ampla gama de elementos com total customização, tornando curta a ordem de qualquer projeto, grande ou pequeno. Este kit tem arquivos PSD e Sketch.

Faatures:

  • 9 Categorias
  • Fully Layered
  • 2x Resolução 750x1334px
  • Compatível com o Sketch & Photoshop

Descarga gratuita: https://elements.envato.com/liberty-mobile-wirefra…

Mobile UI Wireframe Kit Sketch Resource

>

Mobile UI Wireframe Kit foi projetado por Ray Macari. Este recurso é um grande sucesso no SketchApp com 72353 visualizações e 32906 downloads. Ele apresenta 57 telas móveis e ícones de gestos que podem acelerar o seu fluxo de trabalho UX. Todos os elementos são totalmente personalizáveis para que você possa editar facilmente qualquer estilo. Além disso, você é livre para mostrar o layout básico da página, arquitetura do aplicativo, conteúdo e fluxo UI com este kit.

Faatures:

  • 57 Telas móveis
  • Ícones de gestos
  • Elementos de anotação e símbolos

Download gratuito: https://www.sketchappsources.com/free-source/2162-….

Recurso de estrutura de fios

>

Este kit de estrutura de fios Sketch foi desenhado por Riza Selçuk Saydam, uma designer que partilha recursos gratuitos de design. Riza já compartilhou anteriormente o Akıllı Vatandaş mobile app design, mas sem o seu wireframe; desde então, ele tem postado este kit no SketchApp. Ele tem 49391 visualizações e 20188 downloads por enquanto desde o lançamento. Você pode até mesmo ir para o estudo de caso do Smart Citizen Mobile App para mais informações.

Faatures:

  • Estilo plano
  • Compatível com o Sketch & Photoshop
  • Estilo vetorial
  • Freebie Sketch wireframe kit

Free download: https://dribbble.com/shots/1764849-Wireframe-free-….

Requisito de Esboço do Kit de Estrutura de Fio de Material de Carbono

>

>

Kit de Estrutura de Fio de Material de Carbono foi desenhado por um designer da Grécia chamado Panagiotis. Este kit de armação de arame, esteticamente agradável e de alta qualidade, consiste em 15 placas de arte com camadas bem estruturadas e nomeadas, assim como muitos elementos reutilizáveis. É uma ferramenta preferida para as suas aplicações de comércio electrónico Android. Altamente popular, este kit gratuito tem 72216 visualizações e 24018 downloads.

Faatures:

  • Estilo de design de material
  • 15 pranchas de arte
  • Painéis bem estruturados
  • simplesmente personalizável e editável

Descarregar grátis:https://www.sketchappsources.com/free-source/2337-…

Aplicação de Baixa Fidelidade do Kit Wireframe Sketch Resource

Aplicação de Baixa Fidelidade do Kit Wireframe foi projetada pela Kishore. Com ele, você tem todos os elementos básicos para desenhar seu aplicativo móvel com uma wireframe de baixa fidelidade. Atualmente tem 26122 visualizações e 11171 downloads.

Free download:https://www.sketchappsources.com/free-source/3171-…

Android Wireframing Kit Sketch Resource

Android Wireframing Kit foi projetado por Steph Kelly. Se você precisa de um kit de wireframe para o design do aplicativo Android, nós recomendamos que você use este aqui. Este kit tem atualmente 23836 visualizações e 11044 downloads.

Free download: https://www.sketchappsources.com/free-source/2995-…

Recursos de Prototipagem de Esboços

Sketch é uma ferramenta popular para Mac. É mais simplificado e mais simples que o Photoshop ou outras aplicações similares. Mais designers estão compartilhando recursos gratuitos de protótipos de esboços, o que pode ajudá-lo a construir rapidamente protótipos interativos para o seu projeto. Os seguintes recursos podem ajudá-lo a começar a fazer protótipos com Sketch.

Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch

Adminian 2 tem uma ampla seleção de símbolos e templates para design rápido e prototipagem de layouts de aplicações web. Você é capaz de desenhar qualquer projeto iterativamente usando este recurso de protótipo. Além disso, ele apresenta múltiplas abordagens que fornecem opções para o seu projeto.

Faatures:

  • 50+ Modelos de páginas & 120 Ícones
  • 200+ Componentes da UI
  • Rede de Design de Materiais
  • Estrutura Atómica
  • Responsiva & Grupos redimensionáveis
  • Compatível com Sketch

Descarga gratuita: https://ui8.net/products/adminian-2-wireframe-kit

Shop iOS App – UI e Prototype Sketch Resource

Shop iOS App foi desenhado por Tobia Crivellari. Tobia é uma loja iOS app que foi criada inspirando-se na FILSO CO. Os créditos para as imagens e o conteúdo vão para a FILSON CO. Este recurso tem 32984 visualizações e 8093 downloads agora.

Features：

  • Todo o conteúdo é embalado
  • Mais de 10 telas no Sketch
  • Protótipo de princípio para iPhone 6

Download gratuito:https://www.sketchappsources.com/free-source/1821-…

ProtótipoEssential Prototyping Template Sketch Resource

Esta é uma colecção simples e flexível dos estilos e símbolos mais úteis para criar protótipos de grande aspecto. Todos os símbolos estão prontos para os recursos do Sketch 39. O designer é Konstantin Tereschenkov e atualmente tem 44400 visualizações e 12988 downloads no site SketchApp.

Download gratuito:https://www.sketchappsources.com/free-source/2156-…

3 Google Maps Views Sketch Resource

As 3 visualizações do protótipo do Google Maps Framer são projetadas por Sergey Voronov. Este recurso tem 41418 visualizações e 14340 downloads.

Free download:https://www.sketchappsources.com/free-source/1878-…

Sketch Website Templates Resources

A flexibilidade e os poderosos recursos de um modelo de site sólido fazem dele a melhor maneira de construir um site. Aqui estão vários recursos de modelos do site Sketch para sua inspiração.

Royal London Equestrian – Horse Riding School

>

Royal London é um modelo de sketch gratuito projetado com equitação, cavalarismo, estábulos, grooming e escolas de equitação em mente. Tem todos os elementos de design que você precisa para construir um site funcional. O melhor é que você pode criar novas páginas com elementos de design reutilizáveis. Tem 2 arquivos, arquivos gráficos e arquivo de esboço. Este modelo requer o Sketch 40+.

Faatures:

  • Fácil de usar o template
  • 7 desenhos de página
  • 2 desenhos de página de notícias
  • Símbolos de página reutilizáveis
  • Grelha de Bota-a-Bootstrap
  • Camada & Organizada
  • Limpar & Estilo moderno

Descarregar grátis:https://themeforest.net/item/royal-london-horse-ri…

>

Modelo de estrutura de arame – o kit UX perfeito para qualquer projeto web

>

>

>>

>>

>

>

Este modelo oferece um grande pacote, incluindo 110+ módulos de estrutura de arame e centenas de elementos. Você pode criar facilmente protótipos de alta fidelidade com estas maquetes de website usando o Sketch ou o Illustrator. Os elementos são bem organizados com base em uma grade de 12 colunas, 1170px Bootstrap grid. Além disso, você pode alterar a largura dos elementos no Sketch usando o recurso de restrições.

Faatures:

  • 110+ módulos de desktop
  • Compatível e feito para Sketch e Illustrator
  • Bootstrap grid
  • Guia de design e ícones de material pelo Google
  • Telas de integração

Download gratuito: https://elements.envato.com/web-wireframe-kit-L7TD…

Modelo de estruturação de fios Recurso de desenho

>

>

Este modelo consiste em componentes comuns de estrutura de fios para uso em desktops e dispositivos móveis, incluindo 1-4 colunas em vários arranjos. Todos os conteúdos e elementos são agrupados e organizados de forma limpa. Por exemplo, existem 12 grades de colunas baseadas no Twitter Bootstrap. Este modelo pode ser usado para web design, bem como para outros projetos digitais. O designer é Garret Voorhees e seu trabalho tem 127459 visualizações e 46203 downloads no SketchApp.

Faatures:

  • 3 níveis de navegação móvel
  • Uma gama completa de estilos de tipografia
  • Vários elementos UI
  • I ícones de uso comum
  • Elementos WYSIWYG

Download gratuito:https://www.sketchappsources.com/free-source/1552-…

Oxy Creative Template – Modelo Criativo para Sketch & Photoshop

Oxy contém 2 modelos de websites desenhados para agências e estúdios criativos. Baseado em uma grade Bootstrap 1170px, este recurso é moderno e elegante. Os arquivos PSD são totalmente em camadas e personalizáveis. Além disso, todos os elementos são organizados por grupo e também podem ser facilmente identificados pelo nome do grupo.

Faatures:

  • 2 Modelos de página
  • Desenho moderno
  • Baseado no Sistema de Grade Bootstrap
  • Free Google Fonts
  • Disposições bem organizadas
  • Compatível com Sketch & Photoshop

Free download: https://ui8.net/products/oxy-creative-template

Recurso de Esboço de Modelo de Persona de Usuário

>

Esquema de Persona de Usuário, um modelo muito básico criado para o Sketch, foi desenhado por Meghan Hartman usando o Fake Crow Persona. Ele pode ser usado para gerar personas para experiência do usuário, branding, e estratégias de marketing. Atualmente, ele tem 39743 visualizações e 9539 downloads.

Faatures:

  • Inclui arquivo PDF
  • Printer-friendly version

Free download: https://fakecrow.com/free-persona-template/

Recurso de Esboço de Modelo de Grade de Grade de Bootstrap

Equipamento de Modelo de Grade foi desenhado por Bruno Muller. É um modelo de layout Sketch 3 baseado em um sistema de grid Bootstrap. Ele tem 35257 visualizações e 11061 downloads atualmente. É melhorado com classes extensíveis e um sistema de grid avançado.

Faatures:

  • Bootstrap global CSS settings
  • Fundamental HTML elements styled

Free download: https://getbootstrap.com/docs/3.3/css/

Mais Recursos nos Modelos do Website Sketch

Este é um wireframe de página de aterragem simples e gratuito feito no Sketch App. Ele é projetado por Pausrr e tem 53096 visualizações e 20206 downloads por enquanto.

Download gratuito:https://www.sketchappsources.com/free-source/1580-…

BetterDesk Landing Page Sketch Resource

BetterDesign.io é uma plataforma social para testar seu design, copiar de graça e obter resultados em tempo real. O arquivo contém uma página de aterragem cuidadosamente desenhada com uma ilustração de herói amigável. É desenhado por Betterdesign.io e tem 33081 visualizações e 16186 downloads.

Free download:https://www.sketchappsources.com/free-source/2470-…

Mobile UX Template Sketch Resource

Este extenso modelo UX móvel é um conjunto de esquemas, exemplos de fluxo de usuários e uma biblioteca de ícones desenhados pelo ArcTouch. Ele pode ajudá-lo a organizar o seu pensamento e alinhar as partes interessadas do seu projeto. Ele tem 103138 visualizações e 29879 downloads.

Download gratuito:https://arctouch.com/insights/design_templates/mob…

iPhone Wireframe Template Sketch Resource

Este arquivo de esboço desenhado por Edwin Delgado tem 2 páginas – Assets and Mockup. Edwin queria compartilhar algo que ele fez no Sketch livremente, então aqui veio um modelo simples do iPhone 6 que pode ser usado para apresentações ou fluxos. Ele vem com algumas linhas básicas, botões e frames. Ele tem duas páginas, uma para Assets, e a outra detalhando seu processo.

Faatures:

  • Linhas básicas, botões e frames
  • Duas páginas – assets e mockup

Free download:https://www.sketchappsources.com/free-source/1166-…

iPhone 6 Plus e iPhone 6 Wireframe Sketch Resource

Este iPhone 6 Plus e iPhone 6 Wireframe foi desenhado por Andrea Ripamonti. Tem 82729 visualizações e 28999 downloads atualmente.

Download gratuito:https://www.sketchappsources.com/free-source/799-i…

Avia UI Kit – 40 Sketch Template Profile Kit

>

Avia UI kit é um belo perfil UI kit que inclui 40 páginas de aterragem organizadas e 40 ícones gratuitos. Cada tela dele é totalmente personalizável e excepcionalmente fácil de usar. Criado para o Sketch e Photoshop, este kit de perfil é a quarta parte de uma série impressionante de UI.

Features：

  • 40 Lindas páginas de destino
  • 40 Ícones de bónus gratuitos
  • Desenho altamente polido
  • Neatly organizado

Descarregar gratuitamente: https://ui8.net/products/avia-ui-kit-profiles

HEXA Creative Website UI Kit

>

>

HEXA é um simples, limpo e criativo website UI kit criado pelo Webhance Studio. Ele é projetado para atender as necessidades de design de designers e desenvolvedores. Os tipos de arquivo incluem JPG, PNG, PSD, SKETCH, SVG. Além disso, inclui 250 ícones SVG (vetoriais) escaláveis + escaláveis. Todos os elementos são de livre utilização.

Features:

  • Adobe Photoshop suportado
  • Designs criativos e modernos

    • >

  • Alter qualidade e arquivos mais recentes
  • Versão mais recente do Sketch
  • Fontes Google gratuitas
  • Qualidade de pixel Sharp
  • Disposições e layouts editáveis a 100%

Descarga gratuita: https://elements.envato.com/hexa-creative-website-…

Snap UI kit – iOS 8 wireframes construídos para Sketch

Snap Kit é uma ferramenta de wireframing iOS 8 construída para Sketch. Ele ajuda você a maquiar rapidamente o fluxo do seu aplicativo através das 22 lindas maquetes iOS 8 e muitos componentes UI. É muito mais fácil criar wireframes elegantes e fluxos estruturados de aplicativos usando este kit.

Free download: https://designhooks.com/freebies/snap-ui-kit-ios-8…

Material Design Template V2 Sketch Resource

Material Design Template V2 foi desenhado por Kyle Ledbetter que tem uma paixão pelo Design de Materiais. Ele tem 81459 visualizações e 32021 downloads no momento.

Download gratuito: https://dribbble.com/shots/2296655-Material-Design…

Mais no Sketch UI Design Resources

Bootflat UI kit é uma versão Sketch da estrutura Bootflat desenhada por Anh Nguyen. Tem 68220 visualizações e 20517 downloads.

Free download: https://www.sketchappsources.com/free-source/838-b…

UI Frames Sketch Resource

Este é um Sketch Sketch reusable wireframe UI kit desenhado por Mariz Melo. Tem 52048 visualizações e 16784 downloads.

Free download: https://dribbble.com/shots/1847092-UIFrames

Bootsketch UI Framework Sketch Resource

Este é um Sketch UI framework desenhado por Damian Walsh. Baseado no Twitter Bootstrap, é perfeito para fazer protótipos ou estabelecer guias de estilo front-end. Além disso, todos os elementos são organizados como Symbols ou Text Styles permitindo que as mudanças sejam aplicadas em todo o projeto.

Free download: https://www.sketchappsources.com/free-source/1448-…

Recursos de Plugins de Esboço

Eu resumi abaixo 2 dos melhores plugins de Esboço para designers UX/UI que ajudarão a agilizar o seu fluxo de trabalho de design.

Mockplus iDoc – Ferramenta de colaboração de design online & design de entrega

>

>

>

>

Mockplus iDoc faz todo o seu design de produto funcionar em conjunto. Ele gera especificações e ativos automaticamente, assim como cria protótipos interativos e animados. Basta carregar os designs em um clique, basta baixar o plugin Sketch, você pode gerar especificações de forma inteligente e visualizar os dados das especificações com um simples clique do mouse.

O que torna este plugin especial?

  • Fácil acessar as especificações de diferentes maneiras

Existem três modos de especificações no iDoc. Você pode passar qualquer camada; você pode selecionar uma ou várias camadas; você pode segurar Alt para converter as especificações em valores percentuais.

  • Um clique para visualizar elementos duplicados

Você pode visualizar elementos de design duplicados em um clique, tais como texto, cor, margem e largura. Todos os elementos duplicados serão exibidos na tela de uma só vez, melhorando muito a eficiência do seu trabalho.

Mockplus – Ferramenta de Prototipagem Rápida

Utilizando o plugin Mockplus no Sketch, você pode exportar arquivos MP e fazer o protótipo do Sketch no Mockplus. Isto permite aos designers colaborar e adicionar anotações para compartilhar com os membros da equipe.

Como você o usa? Só precisa de 3 passos:

Passo 1: Baixe o plugin Sketch. É uma ferramenta gratuita.

Passo 2: Selecione “Plugins” – “Mockplus” – “Exportar arquivos de projeto” ao finalizar o design.

Passo 3: Redesenha seu conteúdo para adicionar interações no Mockplus. Além disso, o Mockplus tem 3000+ componentes pré-desenhados para que você possa rapidamente tornar a sua interface mais perfeita.

Articles