{"id":45,"date":"2023-04-14T15:18:46","date_gmt":"2023-04-14T15:18:46","guid":{"rendered":"https:\/\/onlinedesigntutorials.com\/?p=45"},"modified":"2023-04-14T15:18:47","modified_gmt":"2023-04-14T15:18:47","slug":"creating-graphics-using-shapes-in-figma","status":"publish","type":"post","link":"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/","title":{"rendered":"Creating graphics using shapes in Figma"},"content":{"rendered":"\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"312\" height=\"288\" src=\"http:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-1.png\" alt=\"\" class=\"wp-image-40 size-full\" srcset=\"https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-1.png 312w, https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-1-300x277.png 300w\" sizes=\"(max-width: 312px) 100vw, 312px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>This image was drawn using the circle, rectangle and line tool.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"338\" height=\"238\" src=\"http:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-2.png\" alt=\"\" class=\"wp-image-41 size-full\" srcset=\"https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-2.png 338w, https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-2-300x211.png 300w\" sizes=\"(max-width: 338px) 100vw, 338px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>This image was drawn using the circle and rectangle tool.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"324\" height=\"510\" src=\"http:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-3.png\" alt=\"\" class=\"wp-image-42 size-full\" srcset=\"https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-3.png 324w, https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-3-191x300.png 191w, https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-3-300x472.png 300w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>This image was drawn using the circle, and Boolean operation using rectangle and circle tools.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" loading=\"lazy\" width=\"310\" height=\"348\" src=\"http:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-4.png\" alt=\"\" class=\"wp-image-43 size-full\" srcset=\"https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-4.png 310w, https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-4-267x300.png 267w, https:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-4-300x337.png 300w\" sizes=\"(max-width: 310px) 100vw, 310px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>This image was drawn using a rectangle, circle and line tool.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This image was drawn using the circle, rectangle and line tool. This image was drawn using the circle and rectangle tool. This image was drawn using the circle, and Boolean operation using rectangle and circle tools. This image was drawn using a rectangle, circle and line tool.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Creating graphics using shapes in Figma - Online Design Tutorials<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating graphics using shapes in Figma - Online Design Tutorials\" \/>\n<meta property=\"og:description\" content=\"This image was drawn using the circle, rectangle and line tool. This image was drawn using the circle and rectangle tool. This image was drawn using the circle, and Boolean operation using rectangle and circle tools. This image was drawn using a rectangle, circle and line tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Design Tutorials\" \/>\n<meta property=\"article:published_time\" content=\"2023-04-14T15:18:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-14T15:18:47+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-1.png\" \/>\n<meta name=\"author\" content=\"dhughes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"dhughes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/\",\"url\":\"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/\",\"name\":\"Creating graphics using shapes in Figma - Online Design Tutorials\",\"isPartOf\":{\"@id\":\"https:\/\/onlinedesigntutorials.com\/#website\"},\"datePublished\":\"2023-04-14T15:18:46+00:00\",\"dateModified\":\"2023-04-14T15:18:47+00:00\",\"author\":{\"@id\":\"https:\/\/onlinedesigntutorials.com\/#\/schema\/person\/69c8e2d5bf644e0d1a37101c26cc5908\"},\"breadcrumb\":{\"@id\":\"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/onlinedesigntutorials.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating graphics using shapes in Figma\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/onlinedesigntutorials.com\/#website\",\"url\":\"https:\/\/onlinedesigntutorials.com\/\",\"name\":\"Online Design Tutorials\",\"description\":\"The Number One Place to Find Design Tutorials Online\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/onlinedesigntutorials.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/onlinedesigntutorials.com\/#\/schema\/person\/69c8e2d5bf644e0d1a37101c26cc5908\",\"name\":\"dhughes\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/onlinedesigntutorials.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0d87df668ae0f1b7ff55ebe73237c002?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0d87df668ae0f1b7ff55ebe73237c002?s=96&d=mm&r=g\",\"caption\":\"dhughes\"},\"sameAs\":[\"http:\/\/onlinedesigntutorials.com\"],\"url\":\"https:\/\/onlinedesigntutorials.com\/index.php\/author\/dhughes\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating graphics using shapes in Figma - Online Design Tutorials","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/","og_locale":"en_US","og_type":"article","og_title":"Creating graphics using shapes in Figma - Online Design Tutorials","og_description":"This image was drawn using the circle, rectangle and line tool. This image was drawn using the circle and rectangle tool. This image was drawn using the circle, and Boolean operation using rectangle and circle tools. This image was drawn using a rectangle, circle and line tool.","og_url":"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/","og_site_name":"Online Design Tutorials","article_published_time":"2023-04-14T15:18:46+00:00","article_modified_time":"2023-04-14T15:18:47+00:00","og_image":[{"url":"http:\/\/onlinedesigntutorials.com\/wp-content\/uploads\/2023\/04\/Picture-1.png"}],"author":"dhughes","twitter_card":"summary_large_image","twitter_misc":{"Written by":"dhughes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/","url":"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/","name":"Creating graphics using shapes in Figma - Online Design Tutorials","isPartOf":{"@id":"https:\/\/onlinedesigntutorials.com\/#website"},"datePublished":"2023-04-14T15:18:46+00:00","dateModified":"2023-04-14T15:18:47+00:00","author":{"@id":"https:\/\/onlinedesigntutorials.com\/#\/schema\/person\/69c8e2d5bf644e0d1a37101c26cc5908"},"breadcrumb":{"@id":"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinedesigntutorials.com\/index.php\/2023\/04\/14\/creating-graphics-using-shapes-in-figma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinedesigntutorials.com\/"},{"@type":"ListItem","position":2,"name":"Creating graphics using shapes in Figma"}]},{"@type":"WebSite","@id":"https:\/\/onlinedesigntutorials.com\/#website","url":"https:\/\/onlinedesigntutorials.com\/","name":"Online Design Tutorials","description":"The Number One Place to Find Design Tutorials Online","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onlinedesigntutorials.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/onlinedesigntutorials.com\/#\/schema\/person\/69c8e2d5bf644e0d1a37101c26cc5908","name":"dhughes","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/onlinedesigntutorials.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0d87df668ae0f1b7ff55ebe73237c002?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0d87df668ae0f1b7ff55ebe73237c002?s=96&d=mm&r=g","caption":"dhughes"},"sameAs":["http:\/\/onlinedesigntutorials.com"],"url":"https:\/\/onlinedesigntutorials.com\/index.php\/author\/dhughes\/"}]}},"_links":{"self":[{"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/posts\/45"}],"collection":[{"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":3,"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/posts\/45\/revisions"}],"predecessor-version":[{"id":48,"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/posts\/45\/revisions\/48"}],"wp:attachment":[{"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/categories?post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/onlinedesigntutorials.com\/index.php\/wp-json\/wp\/v2\/tags?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}