Tutoriales de croquis

Herramientas de croquis para gestionar un sistema de diseño

Lista de extensiones de aplicaciones de bocetos para organizar y mantener una colección de interfaz de usuario.

Construir una colección de activos bien estructurada es un deber frecuente entre los diseñadores. Esta forma de vida no material puede crecer salvajemente junto con su marca, generando constantemente una variedad de desafíos diferentes para usted o su equipo.

Si alguna vez ha seguido este camino, aquí hay una lista de herramientas útiles que pueden ampliar la funcionalidad de la aplicación de bocetos para ayudarlo en las diferentes etapas de la creación de un sistema de diseño, eliminando el empuje innecesario de píxeles y manteniendo el documento limpio y útil, para que tenga tiempo para disfrutar un buen día.

Los complementos listados son compatibles y se utilizaron durante el proceso de hacer posible el Sistema de diseño de marcos y otros productos de Robowolf. Muchas gracias a los autores y contribuyentes de estos pequeños amigos útiles.

Corredor

Descargar - http://sketchrunner.com/

La comunidad de bocetos más popular y conocida: debe tener un complemento que beneficie su flujo de trabajo con una amplia gama de ventajas, aquí están mis 5 mejores cuando se trata de un proyecto escalable.

  • Navegación rápida a través de múltiples bibliotecas, componentes o solo símbolos.
  • Súper rápido para encontrar e instalar otros complementos.
  • Otorga espacios adicionales en su inventario, integrando un menú de corredor separado en la barra de herramientas de croquis.
  • Puede aplicar estilos compartidos a múltiples capas.
  • El menú Runner puede ayudarlo a administrar los complementos favoritos y qué comandos individuales más importantes son muy útiles si instala de 2 a 5 complementos por día y tiene un desorden en el menú de complementos.
Incluso puede agregar separadores para formar grupos en él.

Renombrarlo

Descargar - http://rodi01.github.io/RenameIt/

Mantener todos los activos organizados lo obligará a cambiar el nombre, cambiar el nombre de muchos símbolos, capas y mesas de trabajo. El complemento Rename it hace todo el trabajo duro, úsalo para buscar y reemplazar rápidamente los nombres de cualquier objeto de boceto y reemplazarlos por uno nuevo. Hacer posibles cambios de velocidad de iluminación dentro de toda la estructura del kit.

Use  para dividir símbolos en diferentes categorías y grupos de menú
  • El complemento tiene resultados de cambio de nombre útiles en la sección de vista previa.
  • Puede usar palabras clave para predefinir resultados precisos.

Sketch Style Master

Descargar - https://github.com/aparajita/sketch-style-master

Un complemento excelente que agrega la funcionalidad de administración de estilo de texto a la aplicación de croquis, esto significa que ya no es necesario hacer clic manualmente en cada nombre de estilo de texto en una ventana estrecha para cambiar el nombre de un estilo determinado. Esta herramienta ofrece muchas opciones interesantes cuando se trata de trabajar con estilos de texto, lo que permite controlar sus estilos de letra de manera muy fácil e incluso más.

  • Tiene una búsqueda flexible que lo ayuda a encontrar y anular múltiples estilos de texto rápidamente.
  • Tiene una útil interfaz de usuario de vista previa con una opción para ver a través de todos los estilos de texto utilizados.
  • Muy útil para organizar y almacenar estilos de texto en grupos usando una estructura básica de nombres, por ejemplo, Roboto / Body / Black
  • Siempre me ayuda a intercambiar fuentes dentro del documento rápidamente:
Intercambiando tipos de letra y manteniendo la jerarquía del menú de estilo de texto.

Gerente de símbolos

Sitio web: https://gumroad.com/l/sketch-symbols-manager

Este complemento le permite crear carpetas para sus símbolos y organiza una estructura arrastrando símbolos de una carpeta a otra con una interfaz de estilo de buscador. Pagó y aún tiene algunas interacciones para pulir, pero el autor realiza actualizaciones, por lo que espero que este enfoque evolucione o sea reemplazado por opciones nativas porque el administrador de símbolos interno podría hacer un gran trabajo en el proceso de organización de documentos grandes.

  • Los cambios realizados en las selecciones afectarán la denominación de cada símbolo.

Organizador de símbolos

Descargar - https://github.com/sonburn/symbol-organizer

Si alguna vez trató de organizar su página de símbolos manualmente, conoce el dolor, pero gracias a este útil complemento que permite estructurar rápidamente su página de símbolos en grupos visuales determinados por el nombre de los símbolos en orden alfabético, muy útil en las etapas finales de diseño al preparar su colección para el enfrentamiento.

Puede predefinir los grupos usando

Abstracto

Descargar - https://www.goabstract.com/

Construir un kit de IU escalable siempre es un trabajo duro de diferentes personas. Al avanzar en un equipo, enfrentará la necesidad de que todos permanezcan en la misma página y verifiquen la iteración del colaborador anterior, Abstract permite que cualquier persona en el equipo tenga acceso al mismo archivo maestro, así como a otras características útiles.

  • Al igual que Github, siempre tiene la opción de ramificarse desde el archivo maestro para crear su versión del documento.
  • Revise los cambios y elija cuál guardar y cuál eliminar.
  • Use el registro del historial de versiones para colaborar utilizando comentarios y confirmaciones.
Consejo: siempre abra el archivo maestro de Abstract, esto mantendrá todos los cambios realizados en su archivo recordados / grabados por la aplicación Abstract.

Menciones memorables

  • Medidas de boceto: ideal para crear especificaciones y exportar activos para desarrolladores y colegas, si no está utilizando Zeplin o Sympli para este propósito.
  • Fusionar símbolos duplicados: útil para escapar del desorden en su archivo maestro y fusionar componentes con símbolos duplicados de nombre.
  • Eliminador de estilo no utilizado: busque instancias de una capa compartida o estilo de texto y elimínelos.
  • Estado del símbolo: le brinda la posibilidad de guardar anulaciones en cualquier símbolo como estados de componentes diferentes para una mayor oportunidad de cambiar entre ellos.
  • Teclas: úsela para vincular una secuencia de combos mediante atajos de teclado, por ejemplo, ⌃⌘A [Seleccionar todas las mesas de trabajo] + ⌘RF [Cambiar tamaño para ajustar el contenido] - para activar / desactivar rápidamente el cambio de tamaño de las propiedades de la mesa de trabajo.

Antes de que te vayas

Obtenga una copia de Frames Design System y ahorre cientos de horas trabajando en un nuevo proyecto en la aplicación Sketch, Frames es fácil de personalizar y adaptar a su marca. ️

  • Descargue los recursos gratuitos de Frames, visite → Sketchappsources.com
  • Siga en Twitter y Dribbble para obtener más artículos y regalos relacionados con el diseño.