{"id":1203875,"date":"2023-11-16T17:48:22","date_gmt":"2023-11-16T22:48:22","guid":{"rendered":"https:\/\/www.prime-wow.com\/?p=1203875"},"modified":"2023-11-16T17:48:22","modified_gmt":"2023-11-16T22:48:22","slug":"make-it-real-ai-prototype-wows-devs-by-turning-drawings-into-working-software","status":"publish","type":"post","link":"https:\/\/www.prime-wow.com\/?p=1203875","title":{"rendered":"\u201cMake It Real\u201d AI prototype wows devs by turning drawings into working software"},"content":{"rendered":"
\n
\n \"is<\/p>\n

Enlarge<\/a> \/<\/span> A shot of tldraw’s “Make it Real” in action, provided by Ashe on X: “Ok…@tldraw
\n is super fun. I iterated through ~10 builds today and it cost me $0.90 using GPT4. The pong game is playable as described.” (credit: Ashe Oro<\/a>)<\/p>\n<\/figure>\n

<\/div>\n

On Wednesday, a collaborative whiteboard app maker called “tldraw” made waves online by releasing<\/a> a prototype of a feature called “Make it Real” that lets users draw an image of software and bring it to life using AI. The feature uses OpenAI’s GPT-4V<\/a> API to visually interpret a vector drawing into functioning Tailwind CSS<\/a> and JavaScript web code that can replicate user interfaces or even create simple implementations of games like Breakout.<\/em><\/a><\/p>\n

“I think I need to go lie down,” posted designer Kevin Cannon at the start of a viral X thread that featured the creation of functioning sliders<\/a> that rotate objects on screen, an interface for changing object colors<\/a>, and a working game of tic-tac-toe<\/a>. Soon, others followed with demonstrations of drawing a clone of Breakout<\/a><\/em>, creating a working dial clock<\/a> that ticks, drawing the snake game<\/a>, making a Pong<\/em> game<\/a>, interpreting a visual state chart<\/a>, and much more<\/a>.<\/p>\n

Users can experiment with a live demo<\/a> 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<\/a> by the amount of data moving into and out of its API). Those technically inclined can run the code<\/a> locally, but it will still require OpenAI API access.<\/p>\n<\/div>\n

Read 4 remaining paragraphs<\/a> | Comments<\/a><\/p>\n


\n
\nSource: Ars Technica – \u201cMake It Real\u201d AI prototype wows devs by turning drawings into working software<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Enlarge \/ A shot of tldraw’s “Make it Real” in action, provided by Ashe on X: “Ok…@tldraw is super fun. I iterated through ~10 builds today and it cost me $0.90 using GPT4. The pong game is playable as described.” … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":1203876,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27,110],"tags":[73],"class_list":["post-1203875","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ars-technica","category-unfiltered-rss","tag-ars-technica"],"_links":{"self":[{"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=\/wp\/v2\/posts\/1203875","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1203875"}],"version-history":[{"count":0,"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=\/wp\/v2\/posts\/1203875\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=\/wp\/v2\/media\/1203876"}],"wp:attachment":[{"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1203875"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1203875"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.prime-wow.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1203875"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}