{"id":10469,"date":"2022-09-29T07:36:18","date_gmt":"2022-09-29T07:36:18","guid":{"rendered":"\/en\/?p=10469"},"modified":"2022-10-02T18:20:46","modified_gmt":"2022-10-02T18:20:46","slug":"creating-a-wireframe-and-design-on-figma","status":"publish","type":"post","link":"\/en\/creating-a-wireframe-and-design-on-figma\/","title":{"rendered":"Creating a Design on Figma"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-1 wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10491\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/home-page-3.jpg\" alt=\"Screenshots of home page while creating a wireframes and designs on figma\" class=\"wp-image-10491\"\/><figcaption>home page<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10485\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/Design-canvas.jpg\" alt=\"Screenshots of Design canvas while creating a wireframes and designs on figma\" class=\"wp-image-10485\"\/><figcaption>design canvas<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10484\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/constraints.jpg\" alt=\"Screenshots of constraints while creating a wireframes and designs on figma\" class=\"wp-image-10484\"\/><figcaption>constraints<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10502\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/vector-networks.jpg\" alt=\"Screenshots of vector networks while creating a wireframes and designs on figma\" class=\"wp-image-10502\"\/><figcaption>vector networks<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10483\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/Componentsplugins-and-widgets.jpg\" alt=\"Screenshots of Components,plugins and widgets while creating a wireframes and designs on figma\" class=\"wp-image-10483\"\/><figcaption>components, plugins, and widgets<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10482\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/comments.jpg\" alt=\"Screenshots of comments while creating a wireframes and designs on figma\" class=\"wp-image-10482\"\/><figcaption>comments<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10499\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/sharing-and-permission.jpg\" alt=\"Screenshots of sharing and permission while creating a wireframes and designs on figma\" class=\"wp-image-10499\"\/><figcaption>sharing and permission<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10496\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/Multiplayer.jpg\" alt=\"Screenshots of Multiplayer while creating a wireframes and designs on figma\" class=\"wp-image-10496\"\/><figcaption>multiplayer<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10500\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/Team-library.jpg\" alt=\"Screenshots of Team library while creating a wireframes and designs on figma\" class=\"wp-image-10500\"\/><figcaption>team library<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10489\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/Export.jpg\" alt=\"Screenshots of Export while creating a wireframes and designs on figma\" class=\"wp-image-10489\"\/><figcaption>export<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10494\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/Live-device-preview.jpg\" alt=\"Screenshots of Live device preview while creating a wireframes and designs on figma\" class=\"wp-image-10494\"\/><figcaption>live device preview<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10490\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/File-browse.jpg\" alt=\"Screenshots of File browse while creating a wireframes and designs on figma\" class=\"wp-image-10490\"\/><figcaption>file browse<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10486\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/Design-for-iphone-.jpg\" alt=\"Screenshots of Design for iphone while creating a wireframes and designs on figma\" class=\"wp-image-10486\"\/><figcaption>design for iPhone<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10481\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/Artboard.jpg\" alt=\"Screenshots of Artboard while creating a wireframes and designs on figma\" class=\"wp-image-10481\"\/><figcaption>artboard<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10480\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/adding-shapes-.jpg\" alt=\"Screenshots of adding shapes while creating a wireframes and designs on figma\" class=\"wp-image-10480\"\/><figcaption>adding shapes<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10488\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/designing-wireframes.jpg\" alt=\"Screenshots of designing wireframes while creating a wireframes and designs on figma\" class=\"wp-image-10488\"\/><figcaption>designing wireframes<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10498\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/plugin.jpg\" alt=\"Screenshots of plugin while creating a wireframes and designs on figma\" class=\"wp-image-10498\"\/><figcaption>plugin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10497\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/plugin-unsplash.jpg\" alt=\"Screenshots of plugin unsplash while creating a wireframes and designs on figma\" class=\"wp-image-10497\"\/><figcaption>plugin Unsplash<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10501\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/user-profile.jpg\" alt=\"Screenshots of user profile while creating a wireframes and designs on figma\" class=\"wp-image-10501\"\/><figcaption>user profile<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10495\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/lorem-ipsum.jpg\" alt=\"Screenshots of lorem ipsum while creating a wireframes and designs on figma\" class=\"wp-image-10495\"\/><figcaption>lorem ipsum<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10492\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/iconify-plugin.jpg\" alt=\"Screenshots of iconify plugin while creating a wireframes and designs on figma\" class=\"wp-image-10492\"\/><figcaption>iconify plugin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10493\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/insert-from-plugins.jpg\" alt=\"Screenshots of insert from plugins while creating a wireframes and designs on figma\" class=\"wp-image-10493\"\/><figcaption>insert from plugins<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"980\" data-id=\"10487\" src=\"https:\/\/pages.faqprime.com\/wp-content\/uploads\/2022\/09\/design-your-prototype-by-using-plugin.jpg\" alt=\"Screenshots of design your prototype by using plugin while creating a wireframes and designs on figma\" class=\"wp-image-10487\"\/><figcaption>design your prototype by using a plugin<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Creating a wireframe and design on Figma:-<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>The dashboard page has a &#8220;New design file&#8221; button. <\/li><li>Click it, and then on the canvas click &#8220;take a tour&#8221; to get an overview of the product. <\/li><li>After that, click on the cursor icon on the top left of the page, and then click on the artboard icon to create an artboard. <\/li><li>Add shapes to design wireframes. <\/li><li>After that, create a prototype using plugins like Unsplash, user profile, iconify, and lorem ipsum. <\/li><li>Then insert from plugin and design your prototype.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Designing a wireframe on Figma can be a great way to get started on your next project.<\/p>\n","protected":false},"author":1,"featured_media":10505,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[224,223,203,220,47,219,221,222],"class_list":["post-10469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-userflows","tag-creating-a-design","tag-creating-a-wireframe","tag-design","tag-design-tools","tag-desktop","tag-figma","tag-ui","tag-ux","entry"],"_links":{"self":[{"href":"\/en\/wp-json\/wp\/v2\/posts\/10469"}],"collection":[{"href":"\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"\/en\/wp-json\/wp\/v2\/comments?post=10469"}],"version-history":[{"count":2,"href":"\/en\/wp-json\/wp\/v2\/posts\/10469\/revisions"}],"predecessor-version":[{"id":10930,"href":"\/en\/wp-json\/wp\/v2\/posts\/10469\/revisions\/10930"}],"wp:featuredmedia":[{"embeddable":true,"href":"\/en\/wp-json\/wp\/v2\/media\/10505"}],"wp:attachment":[{"href":"\/en\/wp-json\/wp\/v2\/media?parent=10469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/en\/wp-json\/wp\/v2\/categories?post=10469"},{"taxonomy":"post_tag","embeddable":true,"href":"\/en\/wp-json\/wp\/v2\/tags?post=10469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}