Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Tools

Organiza tus activos de diseño como un profesional con la app Eagle

by
Read Time:9 minsLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Spanish (Español) translation by Xiomara Reynoso (you can also view the original English article)

Eagle App resuelve una de las partes más difíciles de ser un diseñador; organiza adecuadamente los activos de diseño (como imágenes, iconos y fuentes), las referencias y cualquier fragmento de código que puedas usar como inspiración. Y además hace más, ¡echemos un vistazo!

Presentación de Eagle

Como diseñador web, uno de los mayores desafíos que tengo es organizar mis activos; archivos de diseño, imágenes de referencia, fuentes, maquetas que uso regularmente y cualquier cosa que use como inspiración general.

Por ejemplo, cuando navego por Dribbble, a menudo quiero poder guardar una imagen que me gusta para futuras referencias. Puedo guardarlo dentro de Dribbble, pero quiero que sea un lugar donde también pueda poner cualquier captura de pantalla relevante que tome. Hasta ahora estas referencias están por todas partes para mí; algunos se guardan en Dribbble, algunos se guardan como capturas de pantalla en algún lugar de mi computadora, otros en la nube, algunos a los que accediendo a través de marcadores en mi navegador, es un desastre. Y es muy difícil encontrar archivos específicos como este.

Recientemente me enteré de una aplicación llamada "Eagle". Puedes usarlo para recopilar todo tipo de archivos en una única biblioteca de activos central y organizarlos correctamente. Y me complace decir que lo hace fenomenalmente.

¿Qué problemas resuelve eagle app?

Déjame mostrarte lo que puedes hacer con Eagle. Esto es:

this is eagle appthis is eagle appthis is eagle app

Lo he estado usando durante un par de días y ya he comenzado a rellenarlo con mis archivos más utilizados (archivos de todo tipo). Para mí, Eagle ha resuelto tres problemas principales:

1. Es difícil recopilar y guardar imágenes de sitios web

Imagina que estás navegando por un sitio web y encuentras una imagen que quieres guardar, ya sea para futuras referencias o para usarla directamente si tienes los permisos para hacerlo. Normalmente, harías clic con el botón derecho en la imagen y la copiaría, o la guardaría en tu sistema, o tal vez irías a cavar en el código fuente si la imagen no se pudiera agarrar con el mouse.

Digamos que al día siguiente estás trabajando en una computadora diferente y necesitas esa imagen para tu proyecto. Y no puedes recordar el sitio web donde la encontraste originalmente y la versión que guardaste está en una computadora diferente. O tal vez estás en la misma computadora, pero no puedes recordar dónde guardaste la imagen. De cualquier manera no tienes suerte.

Eagle tiene una extensión del navegador que resuelve este problema. Una vez instalado, puedes hacer clic con el botón izquierdo en cualquier imagen de un sitio web y arrastrarla a un panel de ventana que aparece. Puedes guardarlo directamente en la aplicación o en una de sus carpetas predefinidas. Problema resuelto. Guardar imágenes de sitios web es realmente fácil.

eagle browser extensioneagle browser extensioneagle browser extension

2. Es difícil organizar correctamente los archivos en tu sistema

Para guardar archivos en tu sistema, probablemente usas carpetas y sub carpetas, tal vez también etiquetas archivos (pero eso lo pondrías en minoría).

Eagle resuelve esto mediante el uso de múltiples formas de organizar los activos. Te da (entre otras cosas):

  • Carpetas y sub carpetas
  • Carpetas inteligentes
  • Etiquetas
  • Clasificaciones

Así que ya puedes ver que hay muchas maneras de organizar y filtrar tus activos.

3. Es difícil buscar activos en tu sistema

En realidad, no es fácil buscar algo (especialmente algo visual) en tu sistema. Si no recuerdas el nombre de archivo de una imagen, o dónde la guardaste, ¿cómo la encontrarías?

Eagle te permite buscar con todo tipo de criterios:

  • Nombre del archivo
  • Nombre de la carpeta
  • Descripción de la carpeta
  • Extensión
  • Etiquetas
  • Enlace
  • Comentario
  • Nota

Y aún mejor, también tiene algunas opciones de filtrado, como colores y dimensiones. Estos son increíbles si eres una persona con mentalidad visual.

filtering the eagle asset libraryfiltering the eagle asset libraryfiltering the eagle asset library

¿Cómo funciona Eagle?

Así que Eagle es un solucionador de problemas, pero ¿cómo funciona? Es simple; recopilas tus activos, los organizas dentro de la aplicación y luego haces referencia a esos activos siempre que los necesites.

Extensión del navegador: recopilación de imágenes

Como ya se mencionó, Eagle app tiene extensiones de navegador gratuitas para todos los principales navegadores. Una vez que tengas una extensión instalada, puedes encontrar una imagen específica que quieras guardar y luego haz clic con el botón izquierdo y arrástrala a la ventana emergente. La imagen se guardará en la aplicación (en una carpeta específica si especificaste una).

Como alternativa, puedes hacer clic en el icono de extensión y seleccionar guardar lote. Esto seleccionará todas las imágenes del sitio web que estás visitando, lo que te permitirá hacer clic en las que quieras e importar todas a la vez. Una vez importadas, puedes organizarlos de la manera que desees.

batch importing assets from the browserbatch importing assets from the browserbatch importing assets from the browser

Extensión del navegador: capturas de pantalla

La extensión de la aplicación Eagle también tomará capturas de pantalla para ti. Haz clic en la extensión, elige área de captura, captura visible o página de captura. Mantener pulsada la tecla comando (o Ctrl en la PC) mientras capturas el área te permitirá seleccionar elementos en la página también, por lo que puedes capturar botones individuales o componentes de interfaz de usuario.

capturing specific page elementscapturing specific page elementscapturing specific page elements

Una vez capturada, por supuesto, tu captura de pantalla se guardará en la aplicación Eagle, donde puedes organizar, pero notarás algunos campos como el enlace ya rellenado.

Guardar activos desde fuera del explorador

Si deseas guardar cosas que no forman parte de una página web, ve a la aplicación Eagle y a importar archivos y carpetas y selecciona una carpeta cuyo contenido desees importar.

Nota: esta es en realidad una gran manera de ver otra de las características de Eagle: la detección de duplicados. Al importar, Eagle mirará a través de tu biblioteca para ver si ya tienes la misma imagen o activo guardado en otro lugar. Si ya existe un archivo, puedes optar por importarlo de nuevo, o no.

duplicate file detectionduplicate file detectionduplicate file detection
Detección de archivos duplicados

Una vez que hayas importado una carpeta, se agregará a la lista de carpetas en la parte izquierda de la aplicación y todos los archivos formarán parte de la biblioteca de activos.

El otro método para guardar activos no basados en navegador es arrastrar y soltar archivos directamente desde tu sistema en Eagle. Fácil. Y como siempre, una vez que se ha agregado un activo a Eagle, puedes organizarlo como desees. Este PSD que acabo de importar, por ejemplo, será más útil para mí con el enlace de la que ya descargué asociado con él.

add url to fileadd url to fileadd url to file

Cómo organizar activos con Eagle

Ahora hemos explicado cómo recopilar y guardar archivos en la biblioteca de activos, y hemos tocado cómo se pueden organizar, pero echemos un vistazo más de cerca a eso.

Carpetas y sub carpetas

Las primeras herramientas son (obviamente) carpetas y sub carpetas. En la barra lateral encontrarás carpetas principales que pueden estar codificadas por colores, una característica que realmente me gusta es que también puedes elegir un icono para cada una. Dentro de las carpetas puedes utilizar sub carpetas para categorizar aún más las cosas.

change folder iconchange folder iconchange folder icon

Carpetas inteligentes

Quizás aún más útiles son las carpetas inteligentes; carpetas que utilizan reglas (definidas por ti) para extraer automáticamente ciertos activos.

smart folder rules in eagle appsmart folder rules in eagle appsmart folder rules in eagle app

Por ejemplo, aquí he creado una carpeta llamada "capturas de pantalla" y agrego las siguientes reglas:

  • Si se cumplen las siguientes condiciones
  • El nombre contiene "cleanshot"

Ahora, si creo una captura de pantalla con mi otra herramienta de captura de pantalla (la que usé antes de que eagle llegara) sé que guarda tomas con "cleanshot" en el nombre de archivo. Si arrastro ese archivo a mi aplicación Eagle, a la biblioteca todos, automáticamente será visible cuando vea la carpeta inteligente "capturas de pantalla", porque coincide con la regla que establecí.

Esta es una característica realmente poderosa. Puedes crear carpetas inteligentes para alojar todos tus archivos PSD, o tus archivos SVG, o todos tus iconos, o tal vez todas las capturas de pantalla tomadas dentro de un mes determinado.

Etiquetas

La última forma de organizar que voy a discutir es mediante el uso de etiquetas.

Selecciona cualquier activo que desees dentro de Eagle y verás que puedes agregarle etiquetas. Eagle sugerirá algunas etiquetas, pero también puedes crear las tuyas propias. Selecciona tantas etiquetas como desees para un activo específico; cualquier cosa que te ayude a identificarlo más adelante.

tags in eagletags in eagletags in eagle

Las etiquetas entran por si solas cuando necesitas encontrar archivos. Busca etiquetas en el cuadro de búsqueda principal o selecciónalas en la lista desplegable de etiquetas para filtrar los resultados.

Filtros y búsqueda

Todos los filtros a lo largo de la parte superior de la pantalla se usan para refinar los resultados que puedes ver en la biblioteca de activos.

Filtrar por color

Filtrar por etiquetas y nombre de archivo, etc. es obviamente muy útil, pero (de nuevo, para las personas con mentalidad visual) filtrar por color es realmente genial. Selecciona cualquier color que desees, de la paleta predefinida o del selector de color universal, y seleccionarás los activos donde ese color es prominente. ¡Es una forma realmente efectiva de encontrar lo que estás buscando!

filter design assets by colorfilter design assets by colorfilter design assets by color

Y naturalmente puedes buscar con cualquier combinación de los filtros; cualquier PSD del pasado mes de octubre, etiquetado como "calabaza", donde el color #e0851a es relevante, por ejemplo.

Filtrar por clasificación

Las opciones de filtro son muchas, y ya hemos discutido algunas de ellas. Pero "calificación" es uno que realmente disfruto. Califica cualquiera de tus activos, de 1 a 5 estrellas, basado completamente en tu propia experiencia, ¡y usa eso para filtrar más adelante en la línea!

Filtra por enlace

Esto es super útil. Cada captura de pantalla que hayas tomado con la aplicación Eagle, y cada imagen que hayas guardado de un sitio web, tendrá en el campo del enlace rellenado automáticamente. Con esa información puedes filtrar fácilmente por palabras clave dentro del enlace, lo que te permite encontrar todo lo tomado de un determinado sitio web.

¿Dónde guarda Eagle App los archivos?

Eagle guarda todo lo que importas en ella en una biblioteca, y puedes colocar esa biblioteca donde quieras en tu sistema. Lo que hago personalmente es colocar la biblioteca en una carpeta de Dropbox para que pueda sincronizar la biblioteca entre dispositivos. Tengo mi computadora portátil, pero también una computadora principal, y mi aplicación Eagle está sincronizada perfectamente entre los dos.

where does eagle app save fileswhere does eagle app save fileswhere does eagle app save files

Para acceder a esta biblioteca ve al botón de la biblioteca de diseño en la parte superior de la barra lateral (la mía se llama AP Design Library y está en mi Dropbox). Puedes crear bibliotecas nuevas y adicionales siempre que lo desees y cambiar entre ellas. Esto puede ser útil si deseas separar proyectos, o quizás clientes o trabajos. Tal vez tengas una biblioteca personal donde recopiles recursos de un proyecto de construcción de casas.

¿Para quién es Eagle App?

Es para ti. No, en serio, es para cualquiera que quiera recopilar y organizar imágenes o archivos por cualquier motivo. Los profesionales visuales, como los diseñadores y artistas, son el pensamiento inmediato obvio. Los camarógrafos y músicos lo encontrarán igualmente apropiado para sus flujos de trabajo. Se puede utilizar para proyectos personales y profesionales por igual, y resuelve problemas de gestión de archivos para todo tipo de personas.

¿Cuánto cuesta Eagle?

Eagle es una aplicación de pago. Una licencia cuesta (en el momento de escribir) $29.95 dólares y permite el uso en dos dispositivos. Descuentos educativos están disponibles. Lo realmente genial es que este es un pago único. Compra una licencia y ya eres el propietario de ella; sin costos ocultos, sin suscripción y actualizaciones gratuitas. También hay una prueba gratuita de 30 días.

Conclusión

Estoy realmente muy feliz de haber encontrado Eagle. De hecho, he estado buscando algo como esto durante algún tiempo, pero de alguna manera nada ha dado en el blanco como lo hace Eagle. Puedo decir con confianza que lo usaré durante mucho tiempo. Como profesional creativo, se adapta perfectamente a mi vida laboral diaria, así que echa un vistazo a la versión en video de esta revisión en la parte superior de la página, ¡dale una oportunidad a Eagle y ve si lo encuentras útil como yo!

Advertisement
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.