{"id":1280,"date":"2022-03-23T05:08:56","date_gmt":"2022-03-23T05:08:56","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=1280"},"modified":"2022-03-23T05:08:56","modified_gmt":"2022-03-23T05:08:56","slug":"absolute-figma-basics","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2022\/03\/23\/absolute-figma-basics\/","title":{"rendered":"Absolute Figma Basics"},"content":{"rendered":"\n

I tried learning Figma in a couple hours I thought I was doing well until I needed to add another section. Most of the tutorials I found were based on a multiple page website or just one page with one section so after a few hours I figured out how to design the website in figma file. So here is some absolute basic starting things to know:<\/p>\n\n\n\n\n\n\n\n

  1. Make a frame, select the hashtag looking icon and make it as tall and as wide as you need it to be.<\/li><\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    <\/p>\n\n\n\n

    2. Adding content is as simple as adding it to a photoshop file by dragging and dropping or my placing an image.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    <\/p>\n\n\n\n

    3.To organize your layout select the frame and use layout grid<\/em> you can select grid, rows or columns.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    <\/p>\n\n\n\n

    4.Add another section, use the frame tool and place the frame underneath the previous frame.<\/p>\n\n\n\n

    5.EXPORTING. If you want to export the whole site make sure nothing is selected OR<\/strong> if you only want to export a certain one make sure the frame is selected. On the right side there is a panel if nothing is selected it will assume you want to export the whole page it shows a preview of what’s being exported. You can edit the file name and select what kind of file you want it saved as.<\/p>\n\n\n\n

    \"\"<\/figure>\n","protected":false},"excerpt":{"rendered":"

    I tried learning Figma in a couple hours I thought I was doing well until I needed to add another section. Most of the tutorials I found were based on a multiple page website or just one page with one section so after a few hours I figured out how to design the website in … Continue reading “Absolute Figma Basics”<\/span><\/a><\/p>\n","protected":false},"author":63,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[178],"tags":[61,217,218,35,18],"class_list":["post-1280","post","type-post","status-publish","format-standard","hentry","category-aad-086-sp22","tag-design-2","tag-figma","tag-ui","tag-responsive-design","tag-web-design"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=1280"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1280\/revisions"}],"predecessor-version":[{"id":1287,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/1280\/revisions\/1287"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=1280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=1280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=1280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}