{"id":15250,"date":"2023-06-15T09:14:08","date_gmt":"2023-06-15T00:14:08","guid":{"rendered":"https:\/\/designcompass.org\/?p=15250"},"modified":"2023-06-15T09:14:44","modified_gmt":"2023-06-15T00:14:44","slug":"framer-ai","status":"publish","type":"post","link":"https:\/\/designcompass.org\/en\/2023\/06\/15\/framer-ai\/","title":{"rendered":"Framer AI: Web Design in One Click"},"content":{"rendered":"<p>Figma&#039;s competitor, Framer, has become a one-click AI website creation tool. If you describe the website you want in sentences, it will automatically create a website for you.<\/p>\n\n\n\n<p>Framer started as a service for prototyping using code and has now grown into an integrated tool for creating the web. We provide not only GUI design and interaction prototyping, but also CMS (Contents Management System) and hosting services. The framer, which provided website creation from the beginning, has now evolved to the next level using AI technology.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Start your site with Framer AI\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/BSRkq1UCda0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-1024x1024.png\" alt=\"\" class=\"wp-image-15254\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-03.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Framer<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udc41\ufe0f Designer Eye<\/h3>\n\n\n\n<p>Framer is available on the web just like Figma. The usability of the design tool remains the same. You can create a new file and press Start with AI to enter text. The more details you put into your sentences, the better the results will be. The level of detail of the sentence is displayed on the bottom bar to encourage more detailed writing.<\/p>\n\n\n\n<p>When you click Start, the entire layout is automatically generated. It is created in the form of conventional one-page websites and promotional websites. You can also freely change the font and palette of the output.<\/p>\n\n\n\n<p>It also automatically creates text that goes inside. There is a CMS management tab, so you can freely change the contents used inside. Plus, they have self-supporting domains and hosting, so you can make your website public right away.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-1024x1024.png\" alt=\"\" class=\"wp-image-15256\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-07.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Framer<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-1024x1024.png\" alt=\"\" class=\"wp-image-15255\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-04.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Framer<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-1024x1024.png\" alt=\"\" class=\"wp-image-15257\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-05.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Framer<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-1024x1024.png\" alt=\"\" class=\"wp-image-15258\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-06.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Framer<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-1024x1024.png\" alt=\"\" class=\"wp-image-15259\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-08.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Framer<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-1024x1024.png\" alt=\"\" class=\"wp-image-15260\" srcset=\"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-1024x1024.png 1024w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-300x300.png 300w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-150x150.png 150w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-768x768.png 768w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-1536x1536.png 1536w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-12x12.png 12w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-600x600.png 600w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-924x924.png 924w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-671x671.png 671w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-1320x1320.png 1320w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09-100x100.png 100w, https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-09.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">\u00a9Framer<\/figcaption><\/figure>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcd5 Editor&#039;s Notes<\/h3>\n\n\n\n<p>The clich\u00e9 &#039;create a website in one click&#039; is really becoming a reality. The quality is still disappointing, but making things on the web is getting easier and easier. It is expected that other screen-based digital product design areas such as apps will become an environment where you can create more easily and quickly than before. When difficult things become easy, more creative things naturally come out.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">More and Sources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/framer.com\/\">https:\/\/framer.com\/<\/a><\/li>\n<\/ul>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4130900524608986\" crossorigin=\"anonymous\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block\" data-ad-format=\"autorelaxed\" data-ad-client=\"ca-pub-4130900524608986\" data-ad-slot=\"2908097030\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Similar posts<\/h2>\n\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">recent posts<\/h2>","protected":false},"excerpt":{"rendered":"<p>\ud53c\uadf8\ub9c8\uc758 \uacbd\uc7c1 \uc11c\ube44\uc2a4\uc778 \ud504\ub808\uc774\uba38\uac00 \uc6d0\ud074\ub9ad AI \uc6f9\uc0ac\uc774\ud2b8 \uc81c\uc791 \ud234\uc774 \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc6d0\ud558\ub294 \uc6f9\uc0ac\uc774\ud2b8\ub97c \ubb38\uc7a5\uc73c\ub85c \uc124\uba85\ud558\uba74 \uc790\ub3d9\uc73c\ub85c \uc6f9\uc0ac\uc774\ud2b8\ub97c \ub9cc\ub4e4\uc5b4\uc90d\ub2c8\ub2e4. \ud504\ub808\uc774\uba38\ub294 \ucf54\ub4dc\ub97c \uc774\uc6a9\ud574 \ud504\ub85c\ud1a0\ud0c0\uc774\ud551\ud558\ub294 \uc11c\ube44\uc2a4\uc5d0\uc11c \ucd9c\ubc1c\ud574 \uc774\uc81c\ub294 \uc6f9\uc744 \uc81c\uc791\ud558\ub294 \ud1b5\ud569 \ud234\ub85c \uc131\uc7a5\ud588\uc2b5\ub2c8\ub2e4. GUI \ub514\uc790\uc778\uacfc \uc778\ud130\ub799\uc158 \ud504\ub85c\ud1a0\ud0c0\uc774\ud551 \ubfd0\ub9cc \uc544\ub2c8\ub77c CMS(Contents Management System)\uacfc \ud638\uc2a4\ud305 \uc11c\ube44\uc2a4\ub3c4 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc6f9\uc0ac\uc774\ud2b8 \uc81c\uc791\uc758 \ucc98\uc74c\ubd80\ud130 \uc81c\uacf5\ud558\ub358 \ud504\ub808\uc774\uba38\uac00 \uc774\uc81c AI \uae30\uc220\uc744 \uc774\uc6a9\ud574 \ud55c \ub2e8\uacc4 \uc9c4\ud654\ud588\uc2b5\ub2c8\ub2e4. \ud83d\udc41\ufe0f&nbsp;\ub514\uc790\uc774\ub108\uc758 \ub208 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":15262,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4,621],"tags":[69,185,370,377,467,596,597,717,758,763],"class_list":["post-15250","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-service","tag-69","tag-185","tag-ui","tag-ux","tag-ui-ux","tag-interaction","tag-597","tag-717","tag-758","tag-763"],"acf":[],"jetpack_featured_media_url":"https:\/\/designcompass.org\/wp-content\/uploads\/2023\/06\/framer-ai-10-2.png","publishpress_future_action":{"enabled":false,"date":"2026-05-21 00:07:27","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"category","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/15250","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=15250"}],"version-history":[{"count":0,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/posts\/15250\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media\/15262"}],"wp:attachment":[{"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/media?parent=15250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/categories?post=15250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/designcompass.org\/en\/wp-json\/wp\/v2\/tags?post=15250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}