Figma: una presentación general y una revisión

FIGMA es una herramienta de diseño UI / UX con generación de código, maqueta de alta fidelidad y capacidades prototípicas interactivas que se utilizan para diseñar aplicaciones, pantallas e ilustraciones vectoriales. Aunque es principalmente una herramienta basada en el navegador que se puede usar en cualquier sistema operativo, también hay versiones de escritorio para Mac y Windows. Figma siempre se ejecuta en línea, incluso si descarga la aplicación, por eso es tan bueno para los equipos comunes y distribuidos, que desean colaborar en diseños en tiempo real. Diferentes miembros del equipo pueden hacer cambios en vivo en el proyecto, y sus proyectos siempre se sincronizarán y actualizarán para cualquiera que acceda a ellos.
Cómo Figma funciona Figma tiene funcionalidades familiares con Adobe XD, Gravit, Sketch y otras herramientas de diseño similares. A pesar del hecho de que se basa en el navegador, la interfaz se verá como las que viste antes. Muchas de estas herramientas funcionan de la misma manera y difieren cuando se trata de características específicas, como lo que se incluye anteriormente y para lo que necesita complementos. También administra proyectos como alta fidelidad y prototipos. Todo en Figma se basa en capas y cada hoja de arte está representada por una capa. Cargue el tablero para obtener una descripción general de todo el proyecto en lugar de centrarse en un solo archivo a la vez. Hay un panel de información a la derecha y las herramientas y un panel de capa a la izquierda.

Puede encontrar el panel de información ligeramente complicado, porque a veces hay clics o pasos adicionales necesarios para manipular un objeto después de crearlo; de esta manera, la figma no es tan intuitiva como podría ser. Además, el flujo de trabajo puede ser un poco pegajoso, especialmente cuando se trata de reutilizar los componentes y agregarlos de su biblioteca.
La cuadrícula de las limitaciones
Comandos booleanos (sindicato, intersección, unión, disminución)
Selector de color
Modo de mezcla
Múltiples rellenos
Efectos (perforación / sombra interior, fondo / capa unecular)
Herramienta con cuadros con tamaño personalizado o específico del dispositivo
Máscaras
Elementos de forma
Herramientas para la pluma y doblado
Herramienta de texto
Bloquear y esconder las capas
Herramienta movida (indicador / clic para tomar elementos)
fijación
Instrumento de zoom
Una cosa que debe saber sobre el instrumento de texto es que no puede flechar las opciones de fuentes o ver los pronósticos de la topografía. Es mejor conocer la topografía que desea usar cuando comience el diseño.
Las características que vale la pena señalar Figma para profundizar un poco más sobre algunas de las características especiales de Figma:
Bibliotecas: cree bibliotecas con componentes reutilizables y brinde a todo el equipo de acceso. Las bibliotecas de componentes están definidas por equipos, por lo que un equipo puede tener una biblioteca y otro equipo puede tener el suyo. Cuando se actualiza un componente en la biblioteca, se realizan cambios en cada diseño que lo use. Cuando actualice un componente de la biblioteca, confirmará publicar el cambio para que no realice cambios accidentales. (Las funciones de la “biblioteca de equipo” son solo para planes pagados). Viaje: al mover un objeto alrededor del lienzo, las reglas mostrarán su altura y ancho.
Escala: como de costumbre, la escala de escala mantiene todo en proporción. Lo que es exclusivo de Figma es que la escala es una herramienta individual. No tiene que mantener presionada la tecla Press -on al usarla. También puede bañarse desde el panel de información si lo prefiere.
Redes vectoriales: construya formas complejas, llamadas redes vectoriales, al conectar varios segmentos a un nudo en un vector (en lugar de dos, que es el estándar).
Bend: con la herramienta de flexión, puede agarrar y manipular una forma de cualquier borde, no solo un punto.
Imagen a forma: coloque una imagen directa en un formulario que cree. A medida que transforma la forma, la imagen permanecerá proporcional por dentro.
Herramienta de colocación de imágenes: las imágenes no solo ingresan a su diseño. Si cambia el tamaño mientras lo mantiene (sin mantener la clave), cortará la imagen en lugar de cambiarla.
Beneficios Figma Además de sus instrumentos y algunas de sus capacidades únicas, los beneficios de Figma incluyen: Comentario directamente sobre el lienzo
Generar código CSS y SVG, iOS y Android


Exportar como JPG, PDF, PNG o SVG
Importar más imágenes simultáneamente
Importar archivos de boceto
Conexión Langlane-Object
Los atajos son similares a otras plataformas
El historiador de las versiones está disponible
Ideas y diseño colaborativo La figma es excelente para ideas, debido a sus capacidades confiables de intercambio y sincronización. Si bien hay otras herramientas más adecuadas para la colaboración en la junta digital, como Mural, Figma lo hace bien en comparación con otras herramientas de diseño. Los equipos de Figma pueden incluir a todos los involucrados en un proyecto, como diseñadores, desarrolladores, gerentes de proyectos e incluso clientes.
Fuente: Figma
La naturaleza siempre en línea de Figma lo convierte en una especie de herramienta para compartir pantalla, como Google Docs. Vea quién ve el documento en tiempo real. Los cursores están etiquetados para que sepa quién hace cambios. También puede hacer clic en un avatar en la barra de herramientas para ver la perspectiva de ese miembro del equipo, que puede mejorar la comunicación. Compartir funciona de manera similar a Dropbox y puede establecer permisos para editar o solo ver.
Fuente: Figma

Precios Figma Figma es gratuito si tiene un pequeño equipo de dos y tiene que trabajar hasta un máximo de tres proyectos a la vez. Más allá de eso, querrá el plan profesional, que es de $ 12 por editor por mes, o el plan de organización, que es de $ 45 por editor por mes.
Cada plan viene con un almacenamiento ilimitado de archivos y espectadores gratuitos. Los dos planes pagados también tienen editores y proyectos ilimitados, así como la capacidad de hacer proyectos solo para invitaciones. El plan organizacional tiene características que las compañías más grandes encontrarán útiles, como crear equipos ilimitados, controles de acceso para enlaces y revistas de actividades. Obtenga más información sobre los planes aquí. Los pensamientos finales multiplatiformes de accesibilidad y características de colaboración hacen que Figma sea un poderoso ganador y competidor de otras herramientas de diseño superior. El historiador de las versiones y la edición de tiempo real sin la necesidad de compartir archivos son particularmente útiles. Aunque el hecho de que se trata de una herramienta basada en el navegador puede causar problemas de seguridad con empresas más grandes, el plan de la organización tiene características que aborda algunos de estos problemas. En general, la Figma es una herramienta de diseño completa que esperaría y tiene y tiene algunos detalles adicionales. . Aunque el diseñador solo puede usarlo, realmente está destinado a equipos de diseño. También es maravilloso para los equipos de diseño que crean muchas versiones del mismo proyecto, así como para los nuevos diseñadores que desean sentirse cómodos con estas herramientas y controles sin pagar el software. ¿Estás listo para explorar más herramientas gratuitas? Vea nuestro artículo sobre el GIMP, una alternativa gratuita, Photoshop de código abierto.

Imagen presentada por Presolution / Shutterstock.com