Advertisement
  1. Web Design
  2. UX/UI
  3. UI Design

Cómo hacer un prototipo con el plugin de Sketch de Envato

Scroll to top
Read Time: 6 min

() translation by (you can also view the original English article)

El auge durante los últimos años de las herramientas para crear un prototipo es innegable. Los diseñadores están aprovechando estos potentes programas de sencillo uso para crear prototipos funcionales tanto de sitios web como de aplicaciones móviles. Por tanto, se han convertido en una parte vital del proceso de diseño.

Entre las aplicaciones más ampliamente usadas y más conocidas para crear un prototipo está Sketch. Este programa basado en el sistema operativo de Mac ofrece cientos de características, además de la posibilidad de ampliar aún más su funcionalidad a través de uso de plugins. Hoy te vamos a mostrar un nuevo plugin para llevar las cosas aún más lejos y que además, te resultará muy fácil de usar aunque aún no sepas cómo hacer un prototipo.  

Aprende sobre Sketch

¿No has usado nunca Sketch? ¿No sabes cómo hacer un prototipo? ¿Estás interesado o interesada en mejorar tus habilidades de Sketch? ¡Tenemos todos los cursos y tutoriales que puedas necesitar!

Introducción al plugin para Sketch de Envato Elements

Los diseñadores web siempre están buscando herramientas que mejoren la eficiencia de su trabajo. Esta es una de las razones del porqué Sketch es tan ampliamente usado dentro de esta comunidad, convierte lo que podría ser un proceso tedioso en algo simple incluso para los principiantes que todavía no sepan cómo hacer un prototipo. 

El plugin para Sketch de Envato ElementsEl plugin para Sketch de Envato ElementsEl plugin para Sketch de Envato Elements
El plugin para Sketch de Envato Elements

Ahora, dispones del plugin para Sketch de Envato Elements para impulsar el flujo de trabajo a la velocidad de un rayo al crear tu prototipo. Te proporciona una vasta biblioteca de recursos de diseño UI gratis y exclusivos que puedes usar para crear increíbles interfaces de en el mínimo tiempo posible. Todo lo que necesitas lo tendrás a tan solo unos clics de distancia.

¿Emocionante? Bueno, ¡realmente lo es! Echemos un vistazo a aquello que te aportará este plugin al crear un prototipo:

Kits de diseño UI para sitios web

No necesitas invertir tu precioso tiempo elaborando plantillas web desde cero. Con estos kits de diseño UI, podrás elegir entre una amplia variedad de plantillas. Es una solución perfecta para aquellos tipos de páginas que todos usualmente necesitamos, por ejemplo, páginas de aterrizaje, páginas de contacto, sobre nosotros y mucho más. 

Kits de diseño UI gratis para sitios webKits de diseño UI gratis para sitios webKits de diseño UI gratis para sitios web
Kits de diseño UI gratis para sitios web

Es posible que simplemente estés buscando ese elemento de bloque perfecto para crear tu prototipo. Cada kit de diseño UI incluye una colección de componentes que podrás importar directamente en tu mesa de trabajo, por ejemplo y por nombrar únicamente ni algunas, cabeceras, pies de página, y áreas héroe.

Componentes de diseño UI disponibles en Envato ElementsComponentes de diseño UI disponibles en Envato ElementsComponentes de diseño UI disponibles en Envato Elements
Componentes de diseño UI disponibles en Envato Elements

Kits de diseño UI para aplicaciones móviles

Los diseñadores de aplicaciones móviles pueden iniciar rápidamente sus proyectos gracias a una amplia gama de kits de diseño UI para móviles de alta calidad. Encontrarás una variedad de plantillas para móviles a pantalla completa que cubren todo tipo de distintos casos de uso, y al igual que los kits de diseño UI, cada uno se denomina basándose en diferentes elementos químicos: selenio, boro, sodio, helio, etcétera. Cada kit contiene un montón de componentes de nicho, como por ejemplo, ajustes y pantallas de inicio de sesión. 

Kit de diseño UI SelenioKit de diseño UI SelenioKit de diseño UI Selenio
Kit de diseño UI Selenio

No importa qué tipo de aplicación estés construyendo ni si aún no sabes cómo hacer un prototipo, con toda seguridad en Envato Elements encontrarás kits que te ayudarán a transformarla en algo atractivo y singular. 

Acceso a más de 790,000 fotografías de stock para crear tu prototipo

Las imágenes juegan un papel importante en cualquier proyecto creativo. Teniendo esto en cuenta, los usuarios de Sketch están de enhorabuena.

Tu suscripción a Envato Elements incluye la posibilidad de importar rápida y fácilmente fotografías premium libres de derechos de autor directamente a tu mesa de trabajo de Sketch. La biblioteca de Elements incluye alrededor de 790,000 imágenes, además, semanalmente se añaden nuevos recursos, lo que significa que puedes estar seguro o segura de encontrar justo aquello que necesitas para crear tu prototipo. 

Fotografías disponibles en Envato Elements que puedes importar directamente a tu mesa de trabajo de SketchFotografías disponibles en Envato Elements que puedes importar directamente a tu mesa de trabajo de SketchFotografías disponibles en Envato Elements que puedes importar directamente a tu mesa de trabajo de Sketch
Fotografías disponibles en Envato Elements que puedes importar directamente a tu mesa de trabajo de Sketch

Cómo hacer un prototipo con el plugin para Sketch

Añadir todos estos recursos con el plugin para Sketch de Envato Elements no podría ser más sencillo. Aquí tienes todo lo que necesitas saber para empezar:

Descargar e instalar el plugin para Sketch

Primero, descarga el plugin gratuito desde el sitio web de Envato Elements e instálalo directamente en Sketch. No es necesario que esté suscrito a Envato Elements para usar el plugin y acceder a todos los estupendos recursos. Utiliza el popup de bienvenida para aceptar los términos de uso.

Ventana emergente de bienvenida del plugin para Sketch de Envato ElementsVentana emergente de bienvenida del plugin para Sketch de Envato ElementsVentana emergente de bienvenida del plugin para Sketch de Envato Elements
Ventana emergente de bienvenida del plugin para Sketch de Envato Elements

Navega a través de los recursos disponibles

Una vez hayas instalado el plugin, podrás empezar a navegar a través de cientos de recursos exclusivos y gratuitos. Encuentra los bloques de contenido, las plantillas y las imágenes perfectas para tus proyectos.

Navega y descubre los recursos de diseño disponibles desde el propio SketchNavega y descubre los recursos de diseño disponibles desde el propio SketchNavega y descubre los recursos de diseño disponibles desde el propio Sketch
Navega y descubre los recursos de diseño disponibles desde el propio Sketch

Importación de recursos

¿Has encontrado algo que te gusta? ¡Impórtalo a tu proyecto de Sketch y empieza a crear tu prototipo! Cada elemento es totalmente editable, y te da la posibilidad de construir una extraordinaria experiencia de usuario.

Gana acceso a las imágenes de stock

Para poder acceder a la biblioteca de fotografías de stock tendrás que conectar tu suscripción a Envato Elements con el plugin. Esto se realiza a través del token generado en la plataforma del propio Envato Elements.

Sigue el enlace del plugin:

EmpiezaEmpiezaEmpieza

Serás redirigido a Envato Elements en donde podrás iniciar sesión y generar tu token:

Token de Envato Elements generadoToken de Envato Elements generadoToken de Envato Elements generado
Token de Envato Elements generado

Copia el token generado, pégalo en el plugin cuando te sea solicitado y, ¡listo!

Invierte menos tiempo buscando y más haciendo

Encontrar los elementos de diseño UI y las imágenes adecuadas para tus proyectos puede requerir una significativa inversión de tiempo. Y esto implica que tendrás menos tiempo para realizar tu diseño final.  

Por ello resulta tan atractivo el plugin para Sketch de Envato Elements. Al integrar recursos de alta calidad directamente en Sketch, en potencia podría ahorrarte un montón de tiempo. Con tan solo unos clics, podrás importar elementos de diseño UI a tu proyecto sin perder nunca el ritmo de tu flujo de trabajo.

¡Dale una oportunidad hoy mismo y empieza a optimizar tu flujo de trabajo!

Dale una oportunidad al plugin de para Sketch de Envato ElementsDale una oportunidad al plugin de para Sketch de Envato ElementsDale una oportunidad al plugin de para Sketch de Envato Elements
¡Dale una oportunidad al plugin de para Sketch de Envato Elements!
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.