57 Herramientas para Diseñadores Web y Gráficos ÚTILES

Creative Market es una plataforma creativa para que los diseñadores vendan sus diseños y creaciones. Hay muchos diseñadores gráficos en el mundo que hacen trabajos de gran calidad y que muchas veces no tienen la atención que merecen por falta de una plataforma en la que puedan difundir su trabajo y venderlo. Ese el objetivo que persigue este marketplace: ser un sitio en el que se pueden vender diseños de todo tipo, iconos, tipografías, temas personalizados y más. Y tú también puedes aprovechar la oportunidad y contratar el servicio de un freelancer a buen precio.

Envato Elements es una herramienta para descargar de forma ilimitada más de 57 millones de recursos creativos abonando un coste mensual con una suscripción, y ofrece otros planes según si trabajas en equipo o individualmente. Puedes conseguir 12 archivos selectos al mes, entre los que se encuentras ilustraciones, 3D font, superposiciones, etc, pudiendo descargarlos creando una cuenta gratuita.

Creative Fabrica es una página que ofrece 20.984 paquetes de grandes diseñadores, 75.939 fuentes disponibles, gráficos, diseños de manualidades y de bordado, entre otras alternativas. Obtienes un 20% por cada compra realizada de un cliente recomendando ventas, y también puedes vender tus propios diseños como diseñador gráfico. También se ofrecen obsequios gratuitos y según los paquetes que requieras, el coste cambia, ya que van desde los $12 a los 19$ mensuales.

Flaticon es una de las mayores bases de iconos vectoriales, con más de 1.000 iconos y stickers gratuitos. Puedes encontrar todo tipo de iconos, así como formatos SVG, PSD, EPS y PNG. Ofrece un paquete mensual y otro anual de pago donde se incluyen más de 5’5M de iconos y stickers.

IconFinder es uno de los buscadores de iconos gratis más populares que ofrece más de 5’7M iconos e ilustraciones, y 1.700 paquetes. Encontrarás iconos gratuitos y otros de pago, de calidad variable y en formato PNG, ICO e ICNS. Su buscador destaca por la posibilidad de filtrar el precio, el tipo de licencia y el tamaño en píxeles.

The Noun Project cuenta con más de 3M de iconos de diferentes artistas. Algunos iconos son gratuitos y otros de pago anual, pero todos los iconos son de muy alta calidad. Además, tiene un apartado para diseñadores que quieran subir sus propios iconos y compartirlos con el mundo.

Los bancos de imágenes siempre piden un mínimo de calidad en las fotografías que suben a sus catálogos, por lo que tampoco vas a encontrar fotos de mala calidad ni mucho menos, aunque seguramente no todas estén a la máxima calidad. El banco de imágenes premium con mayor fondo de armario en estos momentos es Shutterstock, que cuenta con más de 200 millones de imágenes en su catálogo.

Con unos abonos mensuales a precios irrisorios, este banco de imágenes de pago posee una de las colecciones de imágenes en formato vector más extensas del momento. Más de 2 millones en su extenso catálogo. Además, ofrecen descuentos muy jugosos en imágenes de temporada que llegan a descuentos de hasta un 20%. Merece la pena echarlo un vistazo.

123RF es un banco multimedia espectacular con más de 22 millones de imágenes, vectores, audios, videos y permite a sus usuarios la descarga de más de 30.000 archivos de forma totalmente gratuita. Además, este banco de imágenes tiene una garantía de devolución por si no has quedado contento con el archivo adquirido. Y por último, comentar que tiene un gran abanico de descuentos.

Pexels aparte de ser un banco de imágenes gratuitas y sin derechos de autor, también se pueden descargar vídeos en alta definición. Su manejo es muy sencillo, solo basta con elegir el clip que te guste y luego pulsar “Download for Free”, y listo, en pocos segundos tendrás tu material. El archivo de vídeos e imágenes que ofrece Pexels, es actualizado constantemente, para que sus usuarios disfruten de nuevo material para poder realizar sus proyectos sean personales o comerciales. Estos archivos son descargados bajo la licencia Creative Commons Zero.

Motion Elements es una web que ofrece vídeos nuevos semanalmente del tema que prefieras en 4K y HD. El material que se consigue en esta web es libre de derechos de autor. La calidad Premium de sus más de 400 vídeos, hacen de este stock de clips uno de los más buscados a la hora de conseguir alguna grabación.  Se pueden elegir entre al menos 8 categorías de distintos temas, como la naturaleza, deportes, actualidad mundial, entre otros.

Archive.org  web cuenta con al menos 2000 archivos gratuitos para los usuarios y en alta definición. Su vigencia data desde los años 80’s y se encuentra en la actualidad disponible para cualquier tipo de investigación. En ella se puede conseguir información muy interesante sobre la historia del mundo. No solo se consiguen vídeos, sino también música, textos e imágenes que han pasado al dominio de todo el mundo con el paso del tiempo.

SVGator es una plataforma de animación SVG que cuenta con ilustraciones animadas, logotipos e iconos y no requiere de habilidades de codificación, por lo que no es necesario utilizar códigos. Posee una interfaz intuitiva con la que puedes trabajar sin problemas. Es gratuita pero tiene versiones de pago.

Snap SVG Animator es un complemento de plataforma personalizado para Flash CC que exporta contenido animado a SVG, utilizando la biblioteca JavaScript Snap.SVG para representar el contenido ya creado. También te permite trabajar con otras herramientas como Adobe Ilustrator, Inkscape o Sketch. Además, es totalmente gratuita.

Bodymovin es una herramienta que se encarga de exportar las animaciones a archivos png cuando sea necesario. Estas animaciones se pueden reproducir en la web a través del reproductor bodymovin. Te permite transformar, incorporar máscaras aditivas, luma y alpha, y reasignar el tiempo. Es una herramienta de pago.

Hero Patterns es una colección de patrones de fondo SVG repetibles para que los uses en todos tus proyectos web. Existe una amplia variedad de patrones entre los que elegir y que puedes adaptar al estilo del sitio web. Incluso puedes cambiarle el color de fondo y el nivel de opacidad, y hacerlo a tu gusto. Es totalmente gratuita.

SVG Backgrounds es una herramienta que personaliza y aplica fondos con rapidez. Los SVG permiten imágenes de pantalla completa con un pequeño archivo, y puedes encontrar numerosos fondos SVG gratuitos y personalizables, pero también tienes una versión más premium a la que puedes acceder sin problema.

Pattern Monster es un generador simple de patrones en línea diseñado para crear patrones SVG. Puedes acelerar tu sitio web sin llegar a comprometer la calidad de la imagen y es una alternativa ideal para fondos, ropa, marcas, diseños de embalaje, etc. Dispone de una amplia biblioteca de recursos a seleccionar y es gratuito.

Shape Divider App es una herramienta gratuita para facilitar a los diseñadores y desarrolladores web la exportación de los divisores de formas SVG. Puedes elegir el estilo que quieras y crear el diseño completamente a tu gusto con la barra de herramientas que se ofrece, siendo manipulada a través de un código. Además, es gratuita.

Shape Dividers es una herramienta que se utiliza para agregar divisores de secciones de formas SVG de muchos tipos, como pueden ser los verticales, receptivos o animados en las páginas web. Solo está disponible online en formato de escritorio. Puedes seleccionar tu favorito y arreglarlo a tu gusto, e incorporarlo a tu web con un código. Posee paquetes premium.

SVG Wave es una herramienta que se encarga de generar ondas en formato SVG. Te ofrece la opción de generar el diseño como más te guste, permitiéndote cambiar la altura, las capas, el tamaño de la onda, los colores e incluso puedes invertir la imagen, ponerle un solo color o incorporar un degradado. Luego puedes exportarlo en SVG o PNG. Además, es gratuita.

1001 fonts es una página web en la que podrás encontrar diferentes tipografías para tu proyecto web. Las opciones que encontrarás se limitan a uso no comercial, por lo tanto solo podrás adquirirlas para una finalidad personal. El sitio posee 60 categorías en tipos de letras, las cuales engloban un total de 17.000 tipografías disponibles entre las cuales un 60% son gratuitas. Con una diversidad de 252 colores podrás tener acceso a vista previa.

Datafont es una página web para descargar fuentes gratis bastante útil. Ofrece una cantidad de tipografías que supera la cifra de 33.000 estilos. El sitio web es muy simple, pero ofrece la variedad y cantidad suficiente para escoger la que mejor te convenga. Para encontrarlas observarás distintas categorías. Y antes de descargar la fuente tendrás la opción de observar cómo luce previamente introduciendo un texto de ejemplo.

A través de Google Fonts hallarás diversos tipos de letras importantes y perfectas para utilizar en tu página web o blog. Su lista de tipografías ofrecidas es mayor a 800 estilos distintos para escoger. Brinda una descarga segura al usuario, lo que la hace una de las opciones preferidas por el público, además de que permite la vista previa gratuita. Para obtenerlas no es necesario realizar registros y será posible comparar letras.

WordPress.com es una plataforma para la creación de blogs gratuitamente. Es un sistema de gestión de contenido de software libre, propiedad de Automattic. No requiere de ningún tipo de registro para leer o comentar en los blogs alojados en el sitio, salvo que así lo decida el propietario. El registro solo es obligatorio para crear blogs y publicar artículos, y es gratuito en su versión básica. Algunas características avanzadas son de pago a través de su servicio VIP, como el mapeo de dominios, la edición de CSS, la eliminación de anuncios y el aumento del espacio de almacenamiento. Existen más de 60 millones de sitios en WordPress.com, que reciben más de 100 millones de visitas diarias.

Esta herramienta online te permite desarrollar páginas en flash sin necesidad de conocimientos previos. Wix es una aplicación para la creación de páginas webque a través de una interfaz intuitiva y mediante el sencillo drag&drop nos permite ir editando sitios web a partir de plantillas Flash o incluso desde cero. Desde su lanzamiento en 2008 ya ha creado más de 13 millones de sitios web de forma gratuita. Ahora también permite crear sitios web optimizados para dispositivos móviles con el Asistente para WixMobile o incluso diseñar una página de fan en Facebook.

WordPress.com es una plataforma para la creación de blogs gratuitamente. Es un sistema de gestión de contenido de software libre, propiedad de Automattic. No requiere de ningún tipo de registro para leer o comentar en los blogs alojados en el sitio, salvo que así lo decida el propietario. El registro solo es obligatorio para crear blogs y publicar artículos, y es gratuito en su versión básica. Algunas características avanzadas son de pago a través de su servicio VIP, como el mapeo de dominios, la edición de CSS, la eliminación de anuncios y el aumento del espacio de almacenamiento. Existen más de 60 millones de sitios en WordPress.com, que reciben más de 100 millones de visitas diarias.

99designs es, sin lugar a dudas, el mejor plataforma líder en servicios de diseño gráfico incluyendo logos, diseño web y otros concursos de diseño gráfico. Además, si no te gusta el resultado, te devuelven el dinero. Lo uso en todos mis proyectos y los de mis clientes.

Fiverr es una plataforma digital de trabajos independientes y micro servicios (como escribir un post, una grabación de voz o un servicio de traducción) que te permite comprar o vender todo tipo de servicios o Gigs a partir de $5. Puedes encontrar casi de todo.

Freelancer es una plataforma online que te permite contratar programadores, diseñadores web y gráficos y muchos más a un precio muy competitivo, ya que eres tu el que decide el presupuesto y los profesionales son los que se unen al proyecto.

Paletton es una herramienta gratuita y en línea que permite la visualización de colores en una paleta gracias a una interfaz más profesional. Permite varios modos de selección en las que veras las combinaciones de colores como por ejemplo los colores complementarios o la triada. También implementa una serie de colores predefinidos con sus respectivas combinaciones que harán más sencillas tus elecciones.

W3 Schools color converter es un conversor de colores, es decir primero debemos de introducir el código de un color deseado y la propia herramienta te devolverá el color deseado en todos los formatos existentes para su uso CSS o HTML, esta herramienta es muy útil si ya sabemos que color queremos utilizar pero no sabemos el código que queremos.

Coolors es una web que genera en un tiempo record paletas esquematizadas de conjuntos de colores, se puede realizar directamente a través de la web o simplemente descargarte la aplicación. Permite el cambio de fotos a colores, ajustar y redefinir las fotos, añadirlas a tu colección y compartirla con los demás.

Mejora tu flujo de trabajo creativo con la ayuda de Adobe Color CC. Como parte de Creative Cloud, te ayuda a crear y guardar paletas de colores y trabajarlos de forma fácil y rápida con otros productos (ya sean de Adobe o no). La rueda de colores es intuitiva y tiene la capacidad de obtener los colores de las imágenes que subas al sistema.

¿Estás creando un sitio web o un folleto promocional basándote en una idea que has cogido de una imagen? Con Pictaculous, simplemente, sube la imagen y la aplicación te mostrará la paleta de colores que tiene la imagen y qué colores combinan con los mismos. Es perfecto para saber en pocos segundos qué colores está usando tu competencia.

Si buscas un convertidor para pasar tus códigos RGB a otros formatos de imagen, la página RGB.to es tu herramienta. Es perfecto para tenerla bien guardada en marcadores, ya que te permite convertir códigos de color RBG a HEX y a muchos otros formatos. Por ejemplo, Pantone, RAL, HSL, HSV, HSB, JSON y muchos otros que harán tu vida más fácil.

Visual Studio Code es el editor de texto más popular en la actualidad que, fue desarrollado por Microsoft, permite trabajar con multitud de lenguajes de programación, tales como HTML, CSS, Javascript, Jquery, PHP, TypeScript, LESS, SCSS, Python y un largo etcétera. Es gratuito, de código abierto y multiplataforma, y su instalación es rápida y sencilla. Utiliza colores para diferenciar elementos de la sintaxis que vayas creando. Asimismo, se sirve de marcas y advertencias para señalar los errores, que puedes corregir con las acciones rápidas. Es un editor totalmente personalizable mediante la gran cantidad de plugins que nos ofrece.

Sublime Text nació como una extensión de Vim, pero con el tiempo se ha convertido en un editor de texto ideal para personalizar publicaciones. Tiene una interfaz muy visual e intuitiva, que puedes personalizar a tu gusto, y cuenta con multitud de plugins que puedes instalar. Resalta por colores todo tipo de lenguaje, detectando los posibles errores. Si quieres trabajar sin distracciones, Sublime text ofrece el modo “Distraction Free Mode”, que permite trabajar a pantalla completa, ocultando la barra de herramientas y el menú, permitiendo centrarte en la escritura de tu contenido sin distracciones.

Atom puede ser empleado tanto por desarrolladores profesionales como por personas que se inician en el mundo de la programación. Te ayuda a codificar más rápido con un autocompletado inteligente y flexible. Cuenta con una gran serie de paquetes que le añaden funcionalidades extra, que los puedes instalar de la siguiente manera: CTRL + comma, y seleccionando la opción de “Install”. Su interfaz es atractiva y cuenta con un diseño moderno, lo que facilita su uso. Ésta cuenta con distintos temas para poder configurarla a tu gusto, y sentirte más cómodo con ella. Sus funcionalidades más destacables son el autocompletado, resaltado de sintaxis o depuración del código.

Lorem ipsum.io, es un generador del texto (disponible en cuatro idiomas) que permite comprobar que los espacios estén bien distribuidos y las tipografías funcionan correctamente. Además, tiene una lista de complementos para WordPresss, como por ejemplo el Sublime Text Lorem Ipsum.

Loremipsum.es se trata de un generador de textos simulados que permite elegir la cantidad de párrafos, palabras o caracteres que quieres que tenga tu texto. Además, tiene un complemento para contar el número de palabras y de caracteres de cualquier texto que introduzcas.

Getlorem es un generador que utiliza un diccionario de palabras para construir el texto. Para ello, utiliza una distribución Gaussiana, basada en análisis de textos mundiales reales. Tienes otra opción como es instalar en este generador una aplicación que funciona con línea de comandos.

Buy Me A Coffee es una herramienta ideal para diseñadores, emprendedores y desarrolladores que quieran aceptar donaciones económicas por su trabajo. Es una red de apoyo donde ni siquiera es necesario tener creada una cuenta para poder donar dinero, que cuenta con una membresía mensual o anual para los fans de tu contenido. Y es totalmente gratis.

Patreon es una herramienta donde puedes hacer valer tu arte, siendo ideal para diseñadores y desarrolladores web, y emprendedores. Permite que tus fans apoyen tu trabajo mediante suscripciones mensuales donde pueden disfrutar de contenido exclusivo. Empezar es totalmente gratis pero cuando empiezas a ganar dinero, Patreon cobra una comisión.

Ko-Fi es una herramienta creada específicamente para aceptar donaciones económicas en el caso de ser freelance. Es una forma amigable y gratuita que ofrece membresías y ventas directas procedentes de los fans de tu contenido. Esta web no acepta un porcentaje de las donaciones que recibas y te ofrece múltiples funcionalidades.

Webflow es una herramienta de diseño web utilizada por más de 3.500.000 diseñadores y equipos para crear, colaborar y escalar hermosos sitios web en un lienzo completamente visual, sin necesidad de codificación. Se adapta a la potencia del HTML, CSS y Javascript. Además, es totalmente gratuita.

Sketch es una plataforma de diseño digital que brinda todas las herramientas que necesitas como diseñador gráfico y web para un proceso de diseño colaborativo. Puedes realizar hasta ilustraciones con píxeles perfectos dentro de una interfaz intuitiva con funciones pensadas para crear grandes productos. Posee paquetes premium según si se trabaja individualmente o con un equipo.

Figma es una herramienta que conecta a todos en el proceso de diseño para que los equipos puedan entregar sus mejores productos de forma más rápida y eficaz. Puedes crear un flujo de diseño iterativo con colaboración en vivo, compartirlo y recopilar comentarios sobre prototipos interactivos con animaciones inteligentes y superposiciones dinámicas. Tiene versión gratuita y de pago.

Adobe Photoshop es, quizás, el programa de retoque fotográfico más conocido. Puede usarse para fotografías y para imágenes digitalizadas. Además, también se puede usar para crear y editar gráficos. Cuenta con múltiples herramientas, las cuales te permitirán retocar las imágenes para que queden totalmente a tu gusto. Quizás, la única desventaja que puede presentar este programa es que no es muy fácil de usar, y requiere bastante práctica para poder aprovechar al máximo sus características.

Affinity Photo se ha convertido en la primera opción para los profesionales de la fotografía y la creatividad de todo el mundo, quienes adoran su velocidad, potencia y precisión. Esta aplicación esencial revolucionará tu forma de trabajar, ya sea para editar y retocar imágenes, crear composiciones completas de varias capas o crear bonitas pinturas rasterizadas. Además, es el único editor de fotos completo integrado en macOS, Windows e iOS.

Photodirector 365 cuenta con poderosas herramientas de edición, llamativos efectos visuales, avanzados controles de color e intuitiva edición por capa, para crear impresionantes imágenes así de fácil. Con esta herramienta, puedes dar movimiento a tus fotografías para decir mil cosas más con ellas. Una de sus principales ventajas es que cuenta con un banco de imágenes de Shutterstock y Getty Images.

Adobe Premiere Pro es un sofware de edición de vídeo que está disponible para Windows y Mac. Se trata de una de las mejores alternativas profesionales para que puedas editar vídeos, sacando el máximo rendimiento de ellos. Forma parte de la familia de productos de Adobe Creative Suite, y posee unas herramientas creativas potentes e ideales para crear un buen material audiovisual. Tiene una prueba gratuita de 30 días, pero es de pago.

Corel VideoStudio Ultimate es una herramienta para crear y editar vídeos bastante avanzada de la marca Corel, que incluye una gran cantidad de funcionalidades y efectos. Es un editor de vídeo muy potente, que está destinado para usuarios principiantes. Ofrece la posibilidad de capturar el vídeo desde la pantalla del ordenador, lo que hace que sea el programa perfecto para grabar tutoriales. Funciona únicamente en Windows. Posee una prueba gratuita de 30 días, a pesar de ser de pago.

PowerDirector 365 es una herramienta para crear y editar vídeos atractivos y potentes, que cuenta con una gran cantidad de efectos y bibliotecas de recursos para integrar fotografías, gráficos o imágenes animadas editadas gracias a que funciona junto con PhotoDirector. Además, posee material de archivo premium de Shutterstock e iStock, donde puedes seleccionar el audio que quieras. Funciona en Mac y Windows. Se trata de una herramienta de pago pero tiene prueba gratuita.

El máster de Diseño Gráfico y Web impartido por la escuela CEI, que puedes cursar de forma presencial en Madrid o Sevilla, o estudiarlo en modalidad online que se realiza siempre en directo. En el módulo de diseño gráfico aprenderás a dominar las herramientas gráficas como el Photoshop, Indesign e Illustrator, y en el módulo de diseño web todo lo relacionado con HTML5, CSS3, JavaScript o WordPress. El pago del máster puede realizarse en varias cuotas.

El curso de Diseño Web impartido por EuroInnova, puede realizarse solamente en modalidad online y dura 200 horas. Este curso pretende aportar conocimientos teórico-prácticos suficientes para diseñar y publicar tus propias webs, haciendo uso de HTML, CSS y Photoshop, entre otras herramientas de diseño. El pago se puede realizar con tarjeta, paypal y otros medios de pago disponibles, y permite el pago a plazos. Además, ofrece titulación universitaria.

El curso de WordPress impartido por AdveiSchool, solo puede realizarse mediante modalidad online con 4 clases virtuales de 2 horas cada una. En este módulo, te enseñan a usar la opción de CMS para el sitio web, el blog o las landing pages, y a dominar todo lo relacionado con WordPress, el SEO, instalación de plugins, etc. Puedes realizar el pago por transferencia, PayPal o tarjeta de crédito, y acceder al grupo de alumnos. Además, se ofrece una titulación tras finalizar el curso.