{"id":176345,"date":"2023-11-20T02:24:22","date_gmt":"2023-11-20T08:24:22","guid":{"rendered":"https:\/\/lifeboat.com\/blog\/2023\/11\/make-it-real-ai-prototype-wows-devs-by-turning-drawings-into-working-software"},"modified":"2023-11-20T02:24:22","modified_gmt":"2023-11-20T08:24:22","slug":"make-it-real-ai-prototype-wows-devs-by-turning-drawings-into-working-software","status":"publish","type":"post","link":"https:\/\/lifeboat.com\/blog\/2023\/11\/make-it-real-ai-prototype-wows-devs-by-turning-drawings-into-working-software","title":{"rendered":"\u201cMake It Real\u201d AI prototype wows devs by turning drawings into working software"},"content":{"rendered":"<p><a class=\"aligncenter blog-photo\" href=\"https:\/\/lifeboat.com\/blog.images\/make-it-real-ai-prototype-wows-devs-by-turning-drawings-into-working-software.jpg\"><\/a><\/p>\n<p>On Wednesday, a collaborative whiteboard app maker called \u201ctldraw\u201d made waves online by releasing a prototype of a feature called \u201cMake it Real\u201d that lets users draw an image of software and bring it to life using AI. The feature uses OpenAI\u2019s GPT-4V API to visually interpret a vector drawing into functioning Tailwind CSS and JavaScript web code that can replicate user interfaces or even create simple implementations of games like Breakout.<\/p>\n<p>Users can experiment with a live demo of Make It Real online. However, running it requires providing an API key from OpenAI, which is a security risk. If others intercept your API key, they could use it to rack up a very large bill in your name (OpenAI charges by the amount of data moving into and out of its API). Those technically inclined can run the code locally, but it will still require OpenAI API access.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>On Wednesday, a collaborative whiteboard app maker called \u201ctldraw\u201d made waves online by releasing a prototype of a feature called \u201cMake it Real\u201d that lets users draw an image of software and bring it to life using AI. The feature uses OpenAI\u2019s GPT-4V API to visually interpret a vector drawing into functioning Tailwind CSS and [\u2026]<\/p>\n","protected":false},"author":661,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,1492],"tags":[],"class_list":["post-176345","post","type-post","status-publish","format-standard","hentry","category-robotics-ai","category-security"],"_links":{"self":[{"href":"https:\/\/lifeboat.com\/blog\/wp-json\/wp\/v2\/posts\/176345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lifeboat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lifeboat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lifeboat.com\/blog\/wp-json\/wp\/v2\/users\/661"}],"replies":[{"embeddable":true,"href":"https:\/\/lifeboat.com\/blog\/wp-json\/wp\/v2\/comments?post=176345"}],"version-history":[{"count":0,"href":"https:\/\/lifeboat.com\/blog\/wp-json\/wp\/v2\/posts\/176345\/revisions"}],"wp:attachment":[{"href":"https:\/\/lifeboat.com\/blog\/wp-json\/wp\/v2\/media?parent=176345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lifeboat.com\/blog\/wp-json\/wp\/v2\/categories?post=176345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lifeboat.com\/blog\/wp-json\/wp\/v2\/tags?post=176345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}