{"id":11639,"date":"2024-05-29T10:57:18","date_gmt":"2024-05-29T02:57:18","guid":{"rendered":"https:\/\/www.1ai.net\/?p=11639"},"modified":"2024-05-29T10:57:18","modified_gmt":"2024-05-29T02:57:18","slug":"%e7%8e%b0%e5%9c%a8%e5%8f%af%e4%bb%a5%e7%94%a8gpt-4o-%e8%87%aa%e5%8a%a8%e7%94%9f%e6%88%90-figma-%e8%ae%be%e8%ae%a1%e7%a8%bf%e4%ba%86","status":"publish","type":"post","link":"https:\/\/www.1ai.net\/en\/11639.html","title":{"rendered":"Now you can use GPT-4O to automatically generate Figma designs"},"content":{"rendered":"<p>Recently, by<a href=\"https:\/\/www.1ai.net\/en\/tag\/gpt-4o\" title=\"[View articles tagged with [GPT-4o]]\" target=\"_blank\" >GPT-4o<\/a>The supporting technology can automatically generate<a href=\"https:\/\/www.1ai.net\/en\/tag\/figma\" title=\"_Other Organiser\" target=\"_blank\" >Figma<\/a><a href=\"https:\/\/www.1ai.net\/en\/tag\/%e8%ae%be%e8%ae%a1%e7%a8%bf\" title=\"_Other Organiser\" target=\"_blank\" >Design<\/a>This technology is optimized for mobile applications and supports the use of high-quality design systems such as Ant Design Mobile and Arco Mobile.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-11640\" src=\"https:\/\/www.1ai.net\/wp-content\/uploads\/2024\/05\/6385257335163953501597892.jpg\" alt=\"\" width=\"592\" height=\"792\" \/><\/p>\n<p>This technology supports parsing PRD into a specific data format and filling it with local styles, custom icon libraries and text content to achieve high-quality design output. Although the current test results show that the precision of desktop web pages is about 30% lower than that of mobile applications, considering that the research and development focus at the time was on the mobile terminal, it is believed that generating a design draft for the desktop terminal would not be a big problem.<\/p>\n<p>In addition, this technology also realizes the interactive links between multiple pages and has the corresponding implementation path. All generated design drafts use automatic layout and support adaptive stretching. The layers also have semantic naming, which is easy for users to understand and modify later.<\/p>","protected":false},"excerpt":{"rendered":"<p>Recently, technology powered by GPT-4o has been able to automatically generate Figma designs based on Product Requirements Documents (PRDs). This technology is optimized primarily for mobile applications and supports the use of high-quality design systems such as Ant Design Mobile and Arco Mobile. The technology supports parsing the PRD into a specific data format and populating it with native styles, custom icon libraries, and textual content for high-quality design output. Although the current test results show that desktop web pages are about 30% less detailed than mobile applications, given the focus of the development on mobile at that time, it is believed that generating desktop design drafts will not be too much of a problem. In addition, this technology also realizes interactive links between multiple pages, and has already had a relative<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[146],"tags":[2832,2582,2833],"collection":[],"class_list":["post-11639","post","type-post","status-publish","format-standard","hentry","category-news","tag-figma","tag-gpt-4o","tag-2833"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/posts\/11639","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/comments?post=11639"}],"version-history":[{"count":0,"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/posts\/11639\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/media?parent=11639"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/categories?post=11639"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/tags?post=11639"},{"taxonomy":"collection","embeddable":true,"href":"https:\/\/www.1ai.net\/en\/wp-json\/wp\/v2\/collection?post=11639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}