{"id":1163452,"date":"2026-03-06T07:37:00","date_gmt":"2026-03-06T15:37:00","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/research\/?post_type=msr-research-item&#038;p=1163452"},"modified":"2026-03-06T07:37:01","modified_gmt":"2026-03-06T15:37:01","slug":"generative-design-and-vibe-coding-rethinking-the-design-development-divide-for-ui-prototyping","status":"publish","type":"msr-research-item","link":"https:\/\/www.microsoft.com\/en-us\/research\/publication\/generative-design-and-vibe-coding-rethinking-the-design-development-divide-for-ui-prototyping\/","title":{"rendered":"Generative Design and Vibe Coding: Rethinking The Design-Development Divide for UI Prototyping"},"content":{"rendered":"<p><strong>About this CHI 2026 meetup: <\/strong>Generative Design & Vibe Coding: Rethinking the design\u2013development divide for UI prototyping. An interactive CHI 2026 meetup exploring how Gen-AI is reshaping prototyping across Houde & Hill&#8217;s dimensions of look and feel and implementation. Through hands-on activities and reflection, we&#8217;ll discuss opportunities, breakdowns, and best practices for human\u2013AI collaboration. Prototyping has long been central to HCI as a way of knowing. Recent advances in Generative AI are reshaping who prototypes and how, blurring boundaries between designers and developers, enabling faster workflows while raising new challenges around trust, authorship, and control. Generative AI blurs the traditional boundary between design and development. Two emerging paradigms, Generative Design and Vibe Coding, are transforming the one-directional handoff into a collaborative, AI-mediated co-creation loop.<\/p>\n<p><strong>Proposal Abstract:<\/strong><span style=\"font-size: 1rem\"> Prototyping has long been central to HCI as a <\/span><em style=\"font-size: 1rem\">way of knowing<\/em><span style=\"font-size: 1rem\"> for exploring and communicating design ideas. Recent advances in <\/span><strong style=\"font-size: 1rem\">Generative AI Practices<\/strong><span style=\"font-size: 1rem\">\u2014from <\/span><strong style=\"font-size: 1rem\">Generative Design<\/strong><span style=\"font-size: 1rem\"> to <\/span><strong style=\"font-size: 1rem\">Vibe Coding<\/strong><span style=\"font-size: 1rem\">\u2014are reshaping who prototypes and how. These approaches blur boundaries between designers and developers, enabling faster, more inclusive workflows while raising new challenges around trust, authorship, and control. This CHI 2026 meet-up will gather researchers and practitioners to discuss how AI-assisted prototyping transforms Houde and Hill\u2019s dimensions of <\/span><em style=\"font-size: 1rem\">look and feel<\/em><span style=\"font-size: 1rem\"> and <\/span><em style=\"font-size: 1rem\">implementation<\/em><span style=\"font-size: 1rem\">. Through a hands-on <\/span><strong style=\"font-size: 1rem\">Designathon<\/strong><span style=\"font-size: 1rem\">, participants will reflect on opportunities, breakdowns, and best practices for human\u2013AI collaboration in prototyping.<\/span><\/p>\n<p><strong>Workshop website:<\/strong> <a class=\"msr-external-link glyph-append glyph-append-open-in-new-tab glyph-append-xsmall\" rel=\"noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.genai-prototyping.fun\/home\">https:\/\/www.genai-prototyping.fun\/home<span class=\"sr-only\"> (opens in new tab)<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>About this CHI 2026 meetup: Generative Design & Vibe Coding: Rethinking the design\u2013development divide for UI prototyping. An interactive CHI 2026 meetup exploring how Gen-AI is reshaping prototyping across Houde & Hill&#8217;s dimensions of look and feel and implementation. Through hands-on activities and reflection, we&#8217;ll discuss opportunities, breakdowns, and best practices for human\u2013AI collaboration. Prototyping [&hellip;]<\/p>\n","protected":false},"featured_media":1163456,"template":"","meta":{"msr-url-field":"","msr-podcast-episode":"","msrModifiedDate":"","msrModifiedDateEnabled":false,"ep_exclude_from_search":false,"_classifai_error":"","msr-author-ordering":null,"msr_publishername":"ACM","msr_publisher_other":"","msr_booktitle":"","msr_chapter":"","msr_edition":"","msr_editors":"","msr_how_published":"","msr_isbn":"","msr_issue":"","msr_journal":"","msr_number":"","msr_organization":"","msr_pages_string":"","msr_page_range_start":"","msr_page_range_end":"","msr_series":"","msr_volume":"","msr_copyright":"","msr_conference_name":"ACM CHI Conference on Human Factors in Computing Systems (CHI 2026)","msr_doi":"","msr_arxiv_id":"","msr_s2_paper_id":"","msr_mag_id":"","msr_pubmed_id":"","msr_other_authors":"","msr_other_contributors":"","msr_speaker":"","msr_award":"","msr_affiliation":"","msr_institution":"","msr_host":"","msr_version":"","msr_duration":"","msr_original_fields_of_study":"","msr_release_tracker_id":"","msr_s2_match_type":"","msr_citation_count_updated":"","msr_published_date":"2026-4-1","msr_highlight_text":"","msr_notes":"","msr_longbiography":"","msr_publicationurl":"","msr_external_url":"","msr_secondary_video_url":"","msr_conference_url":"","msr_journal_url":"","msr_s2_pdf_url":"","msr_year":0,"msr_citation_count":0,"msr_influential_citations":0,"msr_reference_count":0,"msr_s2_match_confidence":0,"msr_microsoftintellectualproperty":true,"msr_s2_open_access":false,"msr_s2_author_ids":[],"msr_pub_ids":[],"msr_hide_image_in_river":null,"footnotes":""},"msr-research-highlight":[],"research-area":[13556,13554,13560],"msr-publication-type":[193716],"msr-publisher":[],"msr-focus-area":[],"msr-locale":[268875],"msr-post-option":[269148,269142],"msr-field-of-study":[],"msr-conference":[],"msr-journal":[],"msr-impact-theme":[],"msr-pillar":[],"class_list":["post-1163452","msr-research-item","type-msr-research-item","status-publish","has-post-thumbnail","hentry","msr-research-area-artificial-intelligence","msr-research-area-human-computer-interaction","msr-research-area-programming-languages-software-engineering","msr-locale-en_us","msr-post-option-approved-for-river","msr-post-option-include-in-river"],"msr_publishername":"ACM","msr_edition":"","msr_affiliation":"","msr_published_date":"2026-4-1","msr_host":"","msr_duration":"","msr_version":"","msr_speaker":"","msr_other_contributors":"","msr_booktitle":"","msr_pages_string":"","msr_chapter":"","msr_isbn":"","msr_journal":"","msr_volume":"","msr_number":"","msr_editors":"","msr_series":"","msr_issue":"","msr_organization":"","msr_how_published":"","msr_notes":"","msr_highlight_text":"","msr_release_tracker_id":"","msr_original_fields_of_study":"","msr_download_urls":"","msr_external_url":"","msr_secondary_video_url":"","msr_longbiography":"","msr_microsoftintellectualproperty":1,"msr_main_download":"","msr_publicationurl":"","msr_doi":"","msr_publication_uploader":[{"type":"url","viewUrl":"false","id":"false","title":"https:\/\/www.genai-prototyping.fun\/papers\/chi26h-sub1796-cam-i61.pdf","label_id":"243109","label":0}],"msr_related_uploader":[{"type":"url","viewUrl":"false","id":"false","title":"https:\/\/www.genai-prototyping.fun\/papers\/chi26h-sub1796-cam-i61.pdf","label_id":"243112","label":0}],"msr_citation_count":0,"msr_citation_count_updated":"","msr_s2_paper_id":"","msr_influential_citations":0,"msr_reference_count":0,"msr_arxiv_id":"","msr_s2_author_ids":[],"msr_s2_open_access":false,"msr_s2_pdf_url":null,"msr_attachments":[],"msr-author-ordering":[{"type":"text","value":"Xinqi Zhang","user_id":0,"rest_url":false},{"type":"text","value":"Hari Subramonyam","user_id":0,"rest_url":false},{"type":"user_nicename","value":"Advait Sarkar","user_id":37146,"rest_url":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/microsoft-research\/v1\/researchers?person=Advait Sarkar"},{"type":"text","value":"Ian Drosos","user_id":0,"rest_url":false},{"type":"text","value":"Jack Wang","user_id":0,"rest_url":false},{"type":"text","value":"Kyungho Lee","user_id":0,"rest_url":false},{"type":"text","value":"Veronica Pimenova","user_id":0,"rest_url":false},{"type":"text","value":"Xiang &quot;Anthony&quot; Chen","user_id":0,"rest_url":false},{"type":"text","value":"Kai Lukoff","user_id":0,"rest_url":false}],"msr_impact_theme":[],"msr_research_lab":[199561],"msr_event":[1161977],"msr_group":[1142579],"msr_project":[1053711],"publication":[],"video":[],"msr-tool":[],"msr_publication_type":"inproceedings","related_content":{"projects":[{"ID":1053711,"post_title":"Tools for Thought","post_name":"tools-for-thought","post_type":"msr-project","post_date":"2024-07-03 05:21:39","post_modified":"2026-03-24 16:28:04","post_status":"publish","permalink":"https:\/\/www.microsoft.com\/en-us\/research\/project\/tools-for-thought\/","post_excerpt":"Better thinking through AIA People-Centric AI Project \"What would you rather have: a tool that thinks for you, or a tool that makes you think?\" Senior Researcher Advait Sarkar presented at TEDAI (opens in new tab) in Vienna on September 26th 2025. \u00a9 TEDAI Vienna \/ Robert Leslie Many AI tools focus on solving specific tasks like content generation or process automation. Though useful and powerful, these systems may affect how we think, learn, build&hellip;","_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-project\/1053711"}]}}]},"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-research-item\/1163452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-research-item"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/types\/msr-research-item"}],"version-history":[{"count":4,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-research-item\/1163452\/revisions"}],"predecessor-version":[{"id":1163459,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-research-item\/1163452\/revisions\/1163459"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media\/1163456"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/media?parent=1163452"}],"wp:term":[{"taxonomy":"msr-research-highlight","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-research-highlight?post=1163452"},{"taxonomy":"msr-research-area","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/research-area?post=1163452"},{"taxonomy":"msr-publication-type","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-publication-type?post=1163452"},{"taxonomy":"msr-publisher","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-publisher?post=1163452"},{"taxonomy":"msr-focus-area","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-focus-area?post=1163452"},{"taxonomy":"msr-locale","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-locale?post=1163452"},{"taxonomy":"msr-post-option","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-post-option?post=1163452"},{"taxonomy":"msr-field-of-study","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-field-of-study?post=1163452"},{"taxonomy":"msr-conference","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-conference?post=1163452"},{"taxonomy":"msr-journal","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-journal?post=1163452"},{"taxonomy":"msr-impact-theme","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-impact-theme?post=1163452"},{"taxonomy":"msr-pillar","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/research\/wp-json\/wp\/v2\/msr-pillar?post=1163452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}