{"id":70941,"date":"2026-11-10T09:35:06","date_gmt":"2026-11-10T00:35:06","guid":{"rendered":"https:\/\/designcompass.org\/?p=70941"},"modified":"2026-11-10T09:35:10","modified_gmt":"2026-11-10T00:35:10","slug":"figma-ai-object-selection-vector-illustration-editing","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2026\/11\/10\/figma-ai-object-selection-vector-illustration-editing\/","title":{"rendered":"Figma, from selecting objects in images to editing icons and illustrations with AI"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Figma has updated the way objects in images are selected and its AI vector editing capabilities. On November 5, 2026, it improved the editing structure for icons and illustrations created by AI agents. On the 6th, it unveiled a feature that automatically selects objects in images by clicking on them.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When you click the desired object in the &#039;Select area&#039; of the image editing tool, Figma selects that area. The selected object can be separated into a new image layer or erased from the original. Previously, you had to manually trace the outline using the lasso tool. Click-based selection is supported in the Figma desktop app for macOS.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vectors generated by the AI agent consist of independent layers, and related elements are grouped together. For example, after creating a set of weather icons, you can select and modify the sun and clouds individually. Parts represented by lines are generated as strokes. This reduces the need to redraw shapes when adjusting stroke thickness or end shapes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It also supports attaching existing icons or illustrations as references. The agent generates graphics of a similar style based on the reference materials. The completed vectors can be animated layer by layer in Figma Motion.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Figma help section introduces how to edit generated results and how to vectorize static images, respectively. The weather icons in the materials below are examples of AI-generated vectors. The lasso video demonstrates the editing method before click-based object selection is revealed.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-agent-vector-generation.mp4\"><\/video><figcaption class=\"wp-element-caption\">Creation of editable weather icons and provision of data using AI agents <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/38031452710807-Generate-and-edit-vectors-with-Figma-AI\">Figma<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"954\" style=\"aspect-ratio: 1920 \/ 954;\" width=\"1920\" controls src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-vectorize-recolor.mp4\"><\/video><figcaption class=\"wp-element-caption\">Color adjustment after converting images to vectors \u00b7 Data provision <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/38031452710807-Generate-and-edit-vectors-with-Figma-AI\">Figma<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"338\" style=\"aspect-ratio: 600 \/ 338;\" width=\"600\" controls src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-lasso-isolate.mp4\"><\/video><figcaption class=\"wp-element-caption\">Previous Example \u00b7 Selecting and Separating Objects with Lasso \u00b7 Resources Provided <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/24004542669463-Generate-and-edit-images-with-Figma-AI\">Figma<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-scaled.png\" alt=\"6 weather icons and individual vector layers\" class=\"wp-image-70946\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-scaled.png 2560w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-300x169.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-1024x576.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-768x432.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-1536x864.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-2048x1152.png 2048w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-18x10.png 18w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-600x338.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-weather-icon-set-still-89x50.png 89w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><figcaption class=\"wp-element-caption\">6 weather icons and individual vector layers \u00b7 Resources provided <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/38031452710807-Generate-and-edit-vectors-with-Figma-AI\">Figma<\/a><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1440\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-image-editing-toolbar.png\" alt=\"Image editing toolbar\" class=\"wp-image-70947\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-image-editing-toolbar.png 1920w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-image-editing-toolbar-300x225.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-image-editing-toolbar-1024x768.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-image-editing-toolbar-768x576.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-image-editing-toolbar-1536x1152.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-image-editing-toolbar-16x12.png 16w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-image-editing-toolbar-600x450.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-image-editing-toolbar-67x50.png 67w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><figcaption class=\"wp-element-caption\">Image editing toolbar \u00b7 Resources provided <a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/24004542669463-Generate-and-edit-images-with-Figma-AI\">Figma<\/a><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>See more and sources<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.figma.com\/release-notes\/?title=select-objects-even-faster-with-figmas-ai-image-editing-tools\">Figma Release Notes \u00b7 November 6 Automatic Object Selection<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.figma.com\/release-notes\/?title=improvements-agent-generated-vector\">Figma Release Notes \u00b7 November 5 Vector Edit<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/help.figma.com\/hc\/en-us\/articles\/38031452710807-Generate-and-edit-vectors-with-Figma-AI\">Figma Help \u00b7 AI Vector Creation and Editing<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.figma.com\/blog\/introducing-three-new-tools-for-precise-image-editing-in-figma\/#erase-and-isolate-object\">Figma Blog \u00b7 Image Editing Tools of 2025<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Figma has unveiled a feature that allows selecting objects within an image with a single click. Icons and illustrations created by AI agents can be modified at the layer and stroke level.<\/p>","protected":false},"author":1,"featured_media":70949,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[4,621],"tags":[],"aesthetic":[],"industry":[],"class_list":["post-70941","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-service"],"acf":[],"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2026\/11\/figma-ai-web-cover-1-web-thumbnail-scaled.jpg","_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/70941","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/comments?post=70941"}],"version-history":[{"count":1,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/70941\/revisions"}],"predecessor-version":[{"id":70948,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/70941\/revisions\/70948"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/70949"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=70941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=70941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=70941"},{"taxonomy":"aesthetic","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/aesthetic?post=70941"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/industry?post=70941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}