La mayor colección de recursos gratuitos para Sketch app, cubriendo kits de sketch wireframe, sketch prototyping, plantillas de sketch app, plantillas de sketch app, etc.
Sketch, herramienta de diseño vectorial que se ejecuta en Mac, es simplista y fácil de usar, por lo que es favorecida por más y más diseñadores. Además, cada vez son más los diseñadores que comparten recursos gratuitos de la app Sketch, dando a los diseñadores UX/UI una ayuda para construir sus proyectos de forma fácil y rápida. Aquí he recopilado 30 de los mejores recursos gratuitos de Sketch app, incluyendo Kits de UI de Sketch, wireframes de Sketch, plugins de Sketch, plantillas de Sketch app, y mucho más.
Aquí hay una colección de los mejores kits de wireframes de Sketch gratuitos para el diseño de wireframes de aplicaciones móviles y sitios web en 2018. Un wireframe es una de las mejores formas de compartir tus ideas de diseño, y solo tienes que descargar cualquiera de los siguientes kits para dibujar tus propias apps y sitios web sin esfuerzo.
- Liberty Mobile Wireframe Kit
- Características:
- Recurso de Sketch Mobile UI Wireframe Kit
- Recurso de Sketch Wireframe
- Carbon Material Wireframe Kit Sketch Resource
- Low-fidelity App Wireframe Kit Sketch Resource
- Android Wireframing Kit Sketch Resource
- Recursos para la creación de prototipos con Sketch
- Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch
- Tienda iOS App – UI y Prototipo Sketch Resource
- Plantilla esencial de prototipado Sketch Resource
- 3 vistas de Google Maps Sketch Resource
- Recursos de plantillas de sitios web de Sketch
- Royal London Equestrian – Horse Riding School
- Plantilla Web Wireframe Kit – el kit UX perfecto para cualquier proyecto web
- Plantilla de wireframing Sketch Resource
- Plantilla creativa Oxy – Plantilla creativa para Sketch & Photoshop
- Plantilla de Persona de Usuario Recurso de Sketch
- Plantilla de cuadrícula de Bootstrap Sketch Resource
- Más recursos sobre plantillas de sitios web de Sketch
- Recurso de Sketch para la página de aterrizaje de BetterDesk
- Mobile UX Template Sketch Resource
- iPhone Wireframe Template Sketch Resource
- Recurso de boceto de Wireframe de iPhone 6 Plus y iPhone 6
- Avia UI Kit – 40 Sketch Template Profile Kit
- HEXA Creative Website UI Kit
- Snap UI kit – iOS 8 wireframes Built for Sketch
- Material Design Template V2 Sketch Resource
- Más sobre recursos de diseño de interfaz de usuario en Sketch
- UI Frames Sketch Resource
- Bootsketch UI Framework Sketch Resource
- Recursos de plugins de Sketch
- Mockplus iDoc – Herramienta de colaboración de diseño en línea & handoff design
- Mockplus – Herramienta de Prototipado Rápido
Liberty Mobile Wireframe Kit
Liberty Mobile Wireframe Kit es una herramienta altamente personalizable para diseñar apps móviles a la máxima velocidad. Simplemente arrastrando y soltando sus elementos personalizados prediseñados, puedes dibujar tu propia aplicación móvil. Además, incluye 125 pantallas, fuentes de Google gratuitas y una amplia gama de elementos con total personalización, lo que hace que cualquier proyecto, grande o pequeño, se pueda realizar en poco tiempo. Este kit tiene archivos PSD y Sketch.
Características:
- 9 Categorías
- Totalmente en capas
- 2x Resolución 750x1334px
- Compatible con Sketch & Photoshop
Descarga gratuita: https://elements.envato.com/liberty-mobile-wirefra…
Recurso de Sketch Mobile UI Wireframe Kit
Mobile UI Wireframe Kit fue diseñado por Ray Macari. Este recurso es un gran éxito en SketchApp con 72353 vistas y 32906 descargas. Cuenta con 57 pantallas móviles e iconos gestuales que pueden acelerar tu flujo de trabajo de UX. Todos los elementos son totalmente personalizables para que puedas editar fácilmente cualquier estilo. Además, eres libre de mostrar el diseño básico de la página, la arquitectura de la aplicación, el contenido y el flujo de la interfaz de usuario con este kit.
Características:
- 57 pantallas móviles
- Iconos gestuales
- Elementos de anotación y símbolos
Descarga gratuita: https://www.sketchappsources.com/free-source/2162-…
Recurso de Sketch Wireframe
Este kit de Sketch wireframe fue diseñado por Riza Selçuk Saydam, una diseñadora que comparte recursos de diseño gratuitos. Riza ha compartido previamente el diseño de la aplicación móvil Akıllı Vatandaş pero sin su wireframe; desde entonces ha publicado este kit en SketchApp. Tiene 49391 vistas y 20188 descargas por ahora desde la publicación. Incluso puedes ir al caso de estudio de Smart Citizen Mobile App para obtener más información.
Características:
- Estilo plano
- Compatible con Sketch & Photoshop
- Estilo vectorial
- Kit de wireframe de Sketch gratuito
Descarga gratuita: https://dribbble.com/shots/1764849-Wireframe-free-…
Carbon Material Wireframe Kit Sketch Resource
Carbon Material Wireframe Kit fue diseñado por un compañero diseñador de Grecia llamado Panagiotis. Este kit de wireframes de diseño material, estéticamente agradable y de alta calidad, consta de 15 mesas de trabajo con capas bien estructuradas y nombradas, así como un montón de elementos reutilizables. Es la herramienta preferida para tus aplicaciones de comercio electrónico para Android. Muy popular, este kit gratuito tiene 72216 vistas y 24018 descargas.
Características:
- Estilo de diseño de materiales
- 15 artboards
- Capas bien estructuradas
- totalmente personalizables y editables
Descarga gratuita:https://www.sketchappsources.com/free-source/2337-…
Low-fidelity App Wireframe Kit Sketch Resource
Low-fidelity App Wireframe Kit fue diseñado por Kishore. Con él, tienes todos los elementos básicos para dibujar tu app móvil con un wireframe de baja fidelidad. Actualmente tiene 26122 vistas y 11171 descargas.
Descarga gratuita:https://www.sketchappsources.com/free-source/3171-…
Android Wireframing Kit Sketch Resource
Android Wireframing Kit fue diseñado por Steph Kelly. Si necesitas un kit de wireframes para el diseño de aplicaciones Android, te recomendamos que uses este. Este kit tiene actualmente 23836 vistas y 11044 descargas.
Descarga gratuita: https://www.sketchappsources.com/free-source/2995-…
Recursos para la creación de prototipos con Sketch
Sketch es una popular herramienta para Mac. Es más ágil y sencilla que Photoshop u otras aplicaciones similares. Cada vez son más los diseñadores que comparten recursos gratuitos de sketch prototypes, que pueden ayudarte a construir rápidamente prototipos interactivos para tu proyecto. Los siguientes recursos pueden ayudarte a empezar a crear prototipos con Sketch.
Adminian 2 – Web App Rapid Prototype Design Wireframe Kit for Sketch
Adminian 2 tiene una amplia selección de símbolos y plantillas para el diseño rápido y la creación de prototipos de diseños de aplicaciones web. Puedes dibujar cualquier proyecto de forma iterativa utilizando este recurso de prototipos. Además, cuenta con múltiples enfoques que proporcionan opciones para su proyecto.
Características:
- 50+ Plantillas de página & 120 Iconos
- 200+ Componentes UI
- Material Design Grid
- Estructura atómica
- Responsive &Grupos redimensionables
- Compatible con Sketch
Descarga gratuita: https://ui8.net/products/adminian-2-wireframe-kit
Tienda iOS App – UI y Prototipo Sketch Resource
Tienda iOS App fue diseñada por Tobia Crivellari. Tobia es una aplicación iOS para tiendas que fue creada inspirándose en FILSO CO. Los créditos de las imágenes y el contenido van a FILSO CO. Este recurso tiene 32984 vistas y 8093 descargas ahora.
Características：
- Todo el contenido está empaquetado
- Más de 10 pantallas en Sketch
- Prototipo principal para iPhone 6
Descarga gratuita:https://www.sketchappsources.com/free-source/1821-…
Plantilla esencial de prototipado Sketch Resource
Esta es una colección sencilla y flexible de los estilos y símbolos más útiles para crear prototipos de gran aspecto. Todos los símbolos están listos para las características de Sketch 39. El diseñador es Konstantin Tereschenkov y actualmente tiene 44400 vistas y 12988 descargas en el sitio SketchApp.
Descarga gratuita:https://www.sketchappsources.com/free-source/2156-…
3 vistas de Google Maps Sketch Resource
El prototipo de 3 vistas de Google Maps framer está diseñado por Sergey Voronov. Este recurso tiene 41418 vistas y 14340 descargas.
Descarga gratuita:https://www.sketchappsources.com/free-source/1878-…
Recursos de plantillas de sitios web de Sketch
La flexibilidad y las potentes características de una plantilla de sitio web sólida hacen que sea la mejor manera de construir un sitio. Aquí hay varios recursos de plantillas de sitios web de Sketch para su inspiración.
Royal London Equestrian – Horse Riding School
Royal London es una plantilla de boceto gratuita diseñada pensando en la equitación, la hípica, los establos, el aseo de caballos y las escuelas de equitación. Tiene todos los elementos de diseño que necesitas para construir un sitio web funcional. Lo mejor es que puedes crear nuevas páginas con elementos de diseño reutilizables. Tiene 2 archivos, archivos gráficos y archivo Sketch. Esta plantilla requiere Sketch 40+.
Características:
- Plantilla fácil de usar
- 7 diseños de página
- 2 diseños de página de noticias
- Símbolos de página reutilizables
- Bootstrap Grid
- Capas &Organizadas
- Limpio &Estilo moderno
Descarga gratuita:https://themeforest.net/item/royal-london-horse-ri…
Plantilla Web Wireframe Kit – el kit UX perfecto para cualquier proyecto web
Esta plantilla ofrece un gran paquete, incluyendo 110+ módulos de wireframe y cientos de elementos. Puedes crear fácilmente prototipos de alta fidelidad con estas maquetas de sitios web utilizando Sketch o Illustrator. Los elementos están bien organizados en base a una cuadrícula Bootstrap de 12 columnas y 1170px. Además, puedes cambiar el ancho de los elementos en Sketch utilizando la función de restricciones.
Características:
- 110+ módulos de escritorio
- Compatibles y hechos para Sketch e Illustrator
- Rejilla de Bootstrap
- Guía de diseño e iconos de materiales de Google
- Pantallas de embarque
Descarga gratuita: https://elements.envato.com/web-wireframe-kit-L7TD…
Plantilla de wireframing Sketch Resource
Esta plantilla consta de componentes de wireframing comunes para su uso en dispositivos de escritorio y móviles, incluyendo de 1 a 4 columnas en varias disposiciones. Todo el contenido y los elementos están agrupados y organizados limpiamente. Por ejemplo, hay rejillas de 12 columnas basadas en Twitter Bootstrap. Esta plantilla se puede utilizar para el diseño web, así como otros proyectos digitales. El diseñador es Garret Voorhees y su trabajo tiene 127459 vistas y 46203 descargas en SketchApp.
Características:
- 3 niveles de navegación móvil
- Una completa gama de estilos de tipografía
- Varios elementos de UI
- Iconos de uso común
- Elementos WYSIWYG
Descarga gratuita:https://www.sketchappsources.com/free-source/1552-…
Plantilla creativa Oxy – Plantilla creativa para Sketch & Photoshop
Oxy contiene 2 plantillas de sitios web diseñadas para agencias y estudios creativos. Basado en una cuadrícula Bootstrap de 1170px, este recurso es moderno y elegante. Los archivos PSD están completamente estratificados y son personalizables. Además, todos los elementos están organizados por grupos y se pueden identificar fácilmente por el nombre del grupo también.
Características:
- 2 plantillas de página
- Diseño moderno
- Basado en el sistema de rejilla de Bootstrap
- Fuentes Google gratuitas
- Capas bien organizadas
- Compatible con Sketch & Photoshop
Descarga gratuita: https://ui8.net/products/oxy-creative-template
Plantilla de Persona de Usuario Recurso de Sketch
La Plantilla de Persona de Usuario, una plantilla muy básica creada para Sketch, fue diseñada por Meghan Hartman utilizando la Persona de Cuervo Falso. Se puede utilizar para generar personas para la experiencia del usuario, la marca y las estrategias de marketing. Actualmente tiene 39743 visitas y 9539 descargas.
Características:
- Incluye archivo PDF
- Versión para imprimir
Descarga gratuita: https://fakecrow.com/free-persona-template/
Plantilla de cuadrícula de Bootstrap Sketch Resource
La plantilla de cuadrícula fue diseñada por Bruno Muller. Es una plantilla de diseño de Sketch 3 basada en un sistema de cuadrícula de Bootstrap. Tiene 35257 vistas y 11061 descargas actualmente. Está mejorada con clases extensibles y un sistema de rejilla avanzado.
Características:
- Configuración CSS global de Bootstrap
- Estímulos HTML fundamentales
Descarga gratuita: https://getbootstrap.com/docs/3.3/css/
Más recursos sobre plantillas de sitios web de Sketch
Este es un wireframe de página de aterrizaje simple y gratuito hecho en Sketch App. Está diseñado por Pausrr y tiene 53096 vistas y 20206 descargas por ahora.
Descarga gratuita:https://www.sketchappsources.com/free-source/1580-…
Recurso de Sketch para la página de aterrizaje de BetterDesk
BetterDesign.io es una plataforma social para probar tu diseño, copiar gratis y obtener resultados en tiempo real. El archivo contiene una página de aterrizaje cuidadosamente diseñada con una ilustración de héroe amigable. Está diseñado por Betterdesign.io y tiene 33081 vistas y 16186 descargas.
Descarga gratuita:https://www.sketchappsources.com/free-source/2470-…
Mobile UX Template Sketch Resource
Esta extensa plantilla UX móvil es un conjunto de esquemas, ejemplos de flujo de usuario y una biblioteca de medios de iconos diseñados por ArcTouch. Puede ayudarte a organizar tu pensamiento y a alinear a las partes interesadas de tu proyecto. Tiene 103138 vistas y 29879 descargas.
Descarga gratuita:https://arctouch.com/insights/design_templates/mob…
iPhone Wireframe Template Sketch Resource
Este archivo de bocetos diseñado por Edwin Delgado tiene 2 páginas – Activos y Mockup. Edwin quería compartir algo que hizo en Sketch libremente, así que aquí llegó una plantilla simple de iPhone 6 que puede ser utilizado para presentaciones o flujos. Viene con algunas líneas básicas, botones y marcos. Tiene dos páginas, una para Activos, y la otra detallando su proceso.
Características:
- Líneas básicas, botones y marcos
- Dos páginas – activos y mockup
Descarga gratuita:https://www.sketchappsources.com/free-source/1166-…
Recurso de boceto de Wireframe de iPhone 6 Plus y iPhone 6
Este Wireframe de iPhone 6 Plus y iPhone 6 fue diseñado por Andrea Ripamonti. Tiene 82729 vistas y 28999 descargas actualmente.
Descarga gratuita:https://www.sketchappsources.com/free-source/799-i…
Avia UI Kit – 40 Sketch Template Profile Kit
Avia UI kit es un hermoso kit UI de perfil que incluye 40 páginas de aterrizaje organizadas y 40 iconos gratuitos. Cada pantalla del mismo es totalmente personalizable y excepcionalmente fácil de usar. Creado para Sketch y Photoshop, este kit de perfil es la cuarta parte de una impresionante serie de UI.
Características：
- 40 hermosas páginas de aterrizaje
- 40 iconos gratuitos de bonificación
- Diseño muy pulido
- Delicadamente organizado
Descarga gratuita: https://ui8.net/products/avia-ui-kit-profiles
HEXA Creative Website UI Kit
HEXA es un kit de interfaz de usuario de sitio web simple, limpio y creativo creado por Webhance Studio. Está diseñado para satisfacer las necesidades de diseño de los diseñadores y desarrolladores. Los tipos de archivo incluyen JPG, PNG, PSD, SKETCH, SVG. Además, incluye 250 iconos SVG (vectoriales) escalables. Todos los elementos son de uso gratuito.
Características:
- Soportado por Adobe Photoshop
- Diseños creativos y modernos
- Alta calidad y Últimos archivos
- Última versión de Sketch
- Fuentes Google gratuitas
- Calidad de píxeles nítidos
- Capas y diseños 100% editables
Descarga gratuita: https://elements.envato.com/hexa-creative-website-…
Snap UI kit – iOS 8 wireframes Built for Sketch
Snap Kit es una herramienta de wireframing de iOS 8 construida para Sketch. Te ayuda a maquetar rápidamente el flujo de tu aplicación a través de pantallas comunes de iOS a través de sus 22 hermosas maquetas de iOS 8 y un montón de componentes de interfaz de usuario. Es mucho más fácil crear wireframes elegantes y flujos de aplicaciones estructurados utilizando este kit.
Descarga gratuita: https://designhooks.com/freebies/snap-ui-kit-ios-8…
Material Design Template V2 Sketch Resource
Material Design Template V2 fue diseñado por Kyle Ledbetter que tiene una pasión por Material Design. Tiene 81459 vistas y 32021 descargas en la actualidad.
Descarga gratuita: https://dribbble.com/shots/2296655-Material-Design…
Más sobre recursos de diseño de interfaz de usuario en Sketch
El kit de interfaz de usuario Bootflat es una versión en Sketch del framework Bootflat diseñado por Anh Nguyen. Tiene 68220 vistas y 20517 descargas.
Descarga gratuita: https://www.sketchappsources.com/free-source/838-b…
UI Frames Sketch Resource
Este es un kit de UI reutilizable en Sketch en evolución diseñado por Mariz Melo. Tiene 52048 vistas y 16784 descargas.
Descarga gratuita: https://dribbble.com/shots/1847092-UIFrames
Bootsketch UI Framework Sketch Resource
Este es un framework de UI de Sketch diseñado por Damian Walsh. Basado en Twitter Bootstrap, es perfecto para crear prototipos o establecer guías de estilo de front-end. Además, todos los elementos se organizan como Símbolos o Estilos de Texto permitiendo aplicar los cambios en todo el proyecto.
Descarga gratuita: https://www.sketchappsources.com/free-source/1448-…
Recursos de plugins de Sketch
A continuación he resumido 2 de los mejores plugins de Sketch para diseñadores UX/UI que te ayudarán a agilizar tu flujo de trabajo de diseño.
Mockplus iDoc – Herramienta de colaboración de diseño en línea & handoff design
Mockplus iDoc hace que todo el diseño de su producto trabaje en conjunto. Genera especificaciones y activos de forma automática, así como crear prototipos interactivos y animados. Basta con cargar los diseños en un solo clic para descargar el plugin de Sketch, puede generar especificaciones de forma inteligente, y ver los datos de las especificaciones con un simple clic del ratón.
¿Qué hace que este plugin sea especial?
- Fácil de acceder a las especificaciones de diferentes maneras
Hay tres modos de especificaciones en iDoc. Puede pasar por encima de cualquier capa; puede seleccionar una o varias capas; puede mantener pulsada la tecla Alt para convertir las especificaciones en valores porcentuales.
- Un clic para ver los elementos duplicados
Puede ver los elementos de diseño duplicados con un solo clic, como el texto, el color, el margen y la anchura. Todos los elementos duplicados se mostrarán en la pantalla a la vez, mejorando su eficiencia de trabajo en gran medida.
Mockplus – Herramienta de Prototipado Rápido
Usando el plugin Mockplus en Sketch, puede exportar archivos MP y hacer prototipos de Sketch en Mockplus. Esto permite a los diseñadores colaborar y añadir anotaciones para compartir con los miembros del equipo.
¿Cómo se utiliza? Sólo necesitas 3 pasos:
Paso 1: Descarga el plugin de Sketch. Es una herramienta gratuita.
Paso 2: Selecciona «Plugins» – «Mockplus» – «Exportar archivos de proyecto» al terminar el diseño.
Paso 3: Rediseña tu contenido para añadir interacciones en Mockplus. Además, Mockplus cuenta con más de 3000 componentes prediseñados para que puedas hacer rápidamente tu interfaz más perfecta.