{"id":12741,"date":"2025-09-03T15:00:00","date_gmt":"2025-09-03T13:00:00","guid":{"rendered":"https:\/\/www.safecreative.org\/tips\/es\/?p=12741"},"modified":"2025-09-26T12:03:19","modified_gmt":"2025-09-26T10:03:19","slug":"figma-draw-la-nueva-herramienta-de-dibujo-vectorial","status":"publish","type":"post","link":"https:\/\/www.safecreative.org\/tips\/es\/figma-draw-la-nueva-herramienta-de-dibujo-vectorial\/","title":{"rendered":"Figma Draw: la nueva herramienta de dibujo vectorial"},"content":{"rendered":"\n<ul class=\"wp-block-list\">\n<li>Figma Draw se present\u00f3 el pasado mes de mayo durante la conferencia anual Figma Config 2025. Junto a otras novedades como Figma Sites, Make, Buzz y otras mejoras en Auto Layout.&nbsp;<\/li>\n\n\n\n<li>La plataforma se integra dentro del apartado Figma Design y a\u00f1ade herramientas que permiten crear gr\u00e1ficos, iconos e ilustraciones sin salir de Figma.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>La plataforma de dise\u00f1o colaborativo basada en la nube <a href=\"https:\/\/www.figma.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Figma<\/a> anunci\u00f3 el pasado mes de mayo el lanzamiento de <a href=\"https:\/\/www.figma.com\/draw\/\" target=\"_blank\" rel=\"noreferrer noopener\">Figma Draw<\/a>. Un <strong>conglomerado de herramientas de ilustraci\u00f3n y edici\u00f3n vectorial disponibles en el editor de Figma Design<\/strong>. Una novedad que permite a los equipos <strong>crear ilustraciones, iconos y gr\u00e1ficos complejos<\/strong> sin tener que salir del lienzo donde se dise\u00f1an los otros productos digitales. Se trata de un lanzamiento que aumenta la comodidad y reduce al m\u00ednimo el conocido <em>tool switching<\/em>.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Como ya hemos dicho, Figma Draw no es una aplicaci\u00f3n independiente, sino que se ubica dentro de la plataforma principal. Concretamente, dentro del apartado Figma Design, ubicado en la barra de herramientas. Este modo convierte el editor en un lienzo centrado en la expresi\u00f3n visual y las tareas de dibujo. Una nueva funci\u00f3n de Figma que forma parte del conjunto de herramientas accesibles \u00fanicamente para usuarios que <a href=\"https:\/\/www.figma.com\/pricing\/\" target=\"_blank\" rel=\"noreferrer noopener\">adquieran el Full Seat<\/a>. Un paquete de pago que incluye, adem\u00e1s, otras herramientas como <strong>Dev Mode, Figma Slides, Figma Buzz, Figma Sites y Figma Make<\/strong>, entre otras.&nbsp;&nbsp;<\/p>\n\n\n\n<p>El propio CEO de Figma, Dylan Field, destac\u00f3 durante la <a href=\"https:\/\/config.figma.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Config 2025<\/a>, la <strong>conferencia anual global de dise\u00f1o<\/strong> de la compa\u00f1\u00eda, que, mediante el lanzamiento de este nuevo paquete:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u00abFigma ha reescrito el n\u00facleo de la edici\u00f3n vectorial y ha reorganizado el editor para la creaci\u00f3n visual m\u00e1s fluida, con m\u00e1s controles a la vista, <strong>acciones comunes en un nuevo men\u00fa de selecci\u00f3n<\/strong> y <strong>miniaturas de capa mayores<\/strong> para navegar con menos fricci\u00f3n.\u00bb&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Una interfaz pr\u00e1ctica, que mantiene el flujo de trabajo&nbsp;<\/h2>\n\n\n\n<p>Lo primero que nos encontramos al entrar en el editor de Figma Draw es una <strong>interfaz simplificada. <\/strong>Nos coloca las herramientas m\u00e1s importantes en primer plano: <strong>los pinceles, los trazos din\u00e1micos, el desenfoque progresivo, los efectos de textura y ruido, el texto en trazado<\/strong>, y muchas m\u00e1s opciones. A trav\u00e9s de esta plataforma, los dise\u00f1adores pueden crear una ilustraci\u00f3n para su web, un icono para un <em>mockup<\/em> o un gr\u00e1fico para Instagram.&nbsp;&nbsp;<\/p>\n\n\n\n<p>La nueva organizaci\u00f3n para ilustradores se basa en tres apartados principales, que fomentan la inspiraci\u00f3n y la experimentaci\u00f3n de los dise\u00f1adores. Por un lado, el <strong>Panel de capas<\/strong>, optimizado para el dise\u00f1o vectorial, facilita la navegaci\u00f3n y los ajustes a trav\u00e9s de miniaturas visuales (marcos, grupos y formas, vectores, im\u00e1genes\u2026), permitiendo reconocer las capas de manera m\u00e1s r\u00e1pida y sencilla.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Por otro lado, la <strong>barra de herramientas<\/strong> coloca las herramientas de pluma, pincel y l\u00e1piz al alcance y propone accesos f\u00e1ciles a funciones vectoriales especializadas. Adem\u00e1s, tambi\u00e9n incluye una barra adicional en la que los usuarios pueden personalizar los estilos de trazo antes de ponerse a dibujar.&nbsp;&nbsp;<\/p>\n\n\n\n<p>En tercer lugar, el <strong>panel de propiedades<\/strong> cuenta con controles deslizantes para ajustar rellenos, trazos y efectos de forma t\u00e1ctil. Tambi\u00e9n ofrece previsualizaciones m\u00e1s grandes; un panel de trazo ampliado; y la opci\u00f3n de preseleccionar rellenos, estilos de trazo y efectos para reducir los ajustes posteriores.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/3-1-1024x576.jpg\" alt=\"\" class=\"wp-image-12754\" style=\"width:622px;height:auto\" srcset=\"https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/3-1-1024x576.jpg 1024w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/3-1-300x169.jpg 300w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/3-1-768x432.jpg 768w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/3-1-1536x864.jpg 1536w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/3-1-150x84.jpg 150w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/3-1-696x391.jpg 696w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/3-1-1068x600.jpg 1068w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/3-1.jpg 1608w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Edici\u00f3n vectorial f\u00e1cil y eficiente&nbsp;<\/h2>\n\n\n\n<p>Uno de los puntos fuertes de Figma Draw es que sus herramientas ofrecen un <strong>control preciso y potente<\/strong>, suavizando cualquier aspereza que pueda conllevar la edici\u00f3n vectorial. As\u00ed, esta novedad en Figma trae <strong>mejoras de usabilidad<\/strong>, haciendo que seleccionar v\u00e9rtices correctos, alinear y espaciar objetos, alternar entre geometr\u00edas seleccionadas o cerrar trazados abiertos sean procesos m\u00e1s intuitivos.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Tambi\u00e9n cuenta con un <strong>motor renovado<\/strong> para <strong>operaciones <em>booleanas<\/em> <\/strong>\u2014destinadas a <strong>combinar, restar o modificar<\/strong> formas a partir de su intersecci\u00f3n, uni\u00f3n o diferencia\u2014 y para <strong>contorneado de trazos<\/strong>, que permite combinar y sustraer formas con m\u00e1s fluidez. Al mismo tiempo, brinda la posibilidad de seleccionar y editar los nodos de forma m\u00faltiple, construir, combinar y manipular formas con facilidad y aislar \u00e1reas densas o grupos irregulares de anclas a trav\u00e9s del lazo de selecci\u00f3n.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Todas estas mejoras en la edici\u00f3n vectorial buscan equiparar Figma Draw con otras herramientas m\u00e1s populares, como Adobe Illustrator, pero sin perder su mayor ventaja: <strong>la colaboraci\u00f3n en tiempo real. <\/strong>Adem\u00e1s, al estar dentro de una misma plataforma, Figma Draw permite crear ilustraciones y generar variantes para distintos canales o campa\u00f1as, as\u00ed como cambiar sus colores de forma r\u00e1pida para adaptarlas a un estilo concreto. Al mismo tiempo, si en alg\u00fan momento se requieren funciones como Auto Layout, crear prototipos o preparar el dise\u00f1o para desarrollo, solo hace falta salir del editor Draw y volver a la vista normal de Figma, sin cerrar el archivo y, por ende, conservando los cambios.&nbsp;&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/1-2-1024x768.png\" alt=\"\" class=\"wp-image-12751\" style=\"width:557px;height:auto\" srcset=\"https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/1-2-1024x768.png 1024w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/1-2-300x225.png 300w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/1-2-768x576.png 768w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/1-2-1536x1152.png 1536w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/1-2-150x113.png 150w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/1-2-696x522.png 696w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/1-2-1068x801.png 1068w, https:\/\/www.safecreative.org\/tips\/es\/wp-content\/uploads\/2025\/09\/1-2.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">\u00bfSustituye a Illustrator?&nbsp;&nbsp;<\/h2>\n\n\n\n<p>Con este nuevo lanzamiento, Figma busca facilitar el trabajo a muchos dise\u00f1adores que est\u00e1n cansados de cambiar de plataformas, interrumpiendo as\u00ed su trabajo.<strong> Las funciones de Figma Draw cubren el 80-90%<\/strong> de los casos de uso que aparecen en el d\u00eda a d\u00eda de un equipo de producto y marca, pero no intenta sustituir por completo a otras <em>suites<\/em> de ilustraci\u00f3n m\u00e1s avanzadas, como Adobe Illustrator. Podr\u00edamos decir que se trata de una versi\u00f3n simplificada de un editor vectorial profesional. <\/p>\n\n\n\n<p>Con los nuevos lanzamientos, Figma completa el ciclo de dise\u00f1o y producci\u00f3n, posicion\u00e1ndose como una plataforma que <strong>aspira a abarcar de la ideaci\u00f3n a la publicaci\u00f3n. <\/strong>As\u00ed, con esta declaraci\u00f3n de intenciones Figma busca reconfigurar la competici\u00f3n del sector. Sobre todo, despu\u00e9s del intento fallido de adquisici\u00f3n del <em>software<\/em> de dise\u00f1o por parte del gigante Adobe. Y es que ahora, la plataforma<strong> entra de lleno en terrenos como la ilustraci\u00f3n, el contenido de marketing, la publicaci\u00f3n web<\/strong>, etc., donde antes depend\u00eda de terceros.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Figma Draw permite crear ilustraciones e iconos sin salir de Figma, agilizando el dise\u00f1o vectorial y evitando el cambio de herramientas.<\/p>\n","protected":false},"author":23,"featured_media":12742,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"video","meta":{"_acf_changed":false,"footnotes":""},"categories":[169],"tags":[232],"class_list":{"0":"post-12741","1":"post","2":"type-post","3":"status-publish","4":"format-video","5":"has-post-thumbnail","7":"category-herramientas-para-disenadores","8":"tag-disenos-digitales","9":"post_format-post-format-video"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/posts\/12741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/users\/23"}],"replies":[{"embeddable":true,"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/comments?post=12741"}],"version-history":[{"count":8,"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/posts\/12741\/revisions"}],"predecessor-version":[{"id":13138,"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/posts\/12741\/revisions\/13138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/media\/12742"}],"wp:attachment":[{"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/media?parent=12741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/categories?post=12741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.safecreative.org\/tips\/es\/wp-json\/wp\/v2\/tags?post=12741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}