[{"data":1,"prerenderedAt":452},["ShallowReactive",2],{"article-design-and-engineering-converging":3},{"page":4,"related":406},{"id":5,"title":6,"slug":7,"date":8,"_updatedAt":9,"external":10,"categories":11,"featuredMedia":16,"blocks":35,"menu":34,"foot":34,"seo":401},"O6h8UywuTdWn6yrZ_oT4oA","Design and Engineering, Converging","design-and-engineering-converging","2026-10-22","2026-11-14T00:56:59+00:00","",[12],{"id":13,"slug":14,"title":15},"BNHDMcqGRAmO2nSQJkFHgg","insights","Insights",{"id":17,"_createdAt":18,"alt":19,"title":10,"focalPoint":20,"width":22,"height":23,"thumbnail":24,"small":25,"medium":26,"responsiveImage":27,"video":34},"S7tVb5umQvKVBHfuTrDpsA","2026-10-22T23:44:01+01:00","Close-up of a glowing glass orb resting on a purple cube among blue, orange and yellow blocks, illustrating design and engineering working in one shared space.",{"x":21,"y":21},0.5,1920,1080,"https://www.datocms-assets.com/157026/1792709035-design-and-engineering-shared-space-glowing-orb-on-purple-block.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1792709035-design-and-engineering-shared-space-glowing-orb-on-purple-block.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1792709035-design-and-engineering-shared-space-glowing-orb-on-purple-block.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":28,"webpSrcSet":10,"sizes":29,"src":30,"width":22,"height":23,"aspectRatio":31,"alt":19,"title":10,"base64":32,"bgColor":33},"https://www.datocms-assets.com/157026/1792709035-design-and-engineering-shared-space-glowing-orb-on-purple-block.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 480w,https://www.datocms-assets.com/157026/1792709035-design-and-engineering-shared-space-glowing-orb-on-purple-block.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 960w,https://www.datocms-assets.com/157026/1792709035-design-and-engineering-shared-space-glowing-orb-on-purple-block.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 1440w,https://www.datocms-assets.com/157026/1792709035-design-and-engineering-shared-space-glowing-orb-on-purple-block.png?auto=format&fit=max&h=2880&q=95&w=2880 1920w","(max-width: 1920px) 100vw, 1920px","https://www.datocms-assets.com/157026/1792709035-design-and-engineering-shared-space-glowing-orb-on-purple-block.png?auto=format&fit=max&h=2880&q=95&w=2880",1.7777777777777777,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLCgoLDhgcDhUNDh0RERUdHCsdJSUVFhUdHyslHR0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBAQHDUoGhw1Ly8vLy8vLy8vLy8vLy8vLy8vLy81Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA4AGAMBIgACEQEDEQH/xAAZAAACAwEAAAAAAAAAAAAAAAAEBQEDBgD/xAAeEAACAgICAwAAAAAAAAAAAAABBAACAwUhQREiMf/EABUBAQEAAAAAAAAAAAAAAAAAAAQC/8QAGREBAAIDAAAAAAAAAAAAAAAAAQAEAgMR/9oADAMBAAIRAxEAPwA/VtZq+1qnxG+vZxsOgXPcsWTxFWx8D5BNaqDsDz3JqVgI23vcmapzEkcNRawkxRslzwBczop0HYYyeT//2Q==","#d24e1a",null,{"id":36,"type":37,"blocks":38},"RNI2fr5ASx6xX5BfcMIPyg","blocks_select",[39,66,70,79,81,89,91,100,109,111,119,121,130,132,141,143,161,170,172,190,199,201,297,300,308,399],{"id":40,"type":41,"eyebrow":42,"breadcrumb":34,"title":6,"titleSize":43,"titleAlignment":44,"label":10,"text":45,"list":46,"media":47,"mediaMobile":34,"mediaSmall":34,"theme":60,"aligned":65,"mediaFullOpacity":65},"cA6o1yNCRiO4SQafFggtXQ","media_hero_expanded_block","By Matt Steenburg","h3","items-center justify-center","\u003Cp dir=\"ltr\">\u003Cspan>What changes for designers and engineers when they build in the same place.\u003C/span>\u003C/p>",[],{"id":48,"_createdAt":49,"alt":50,"title":10,"focalPoint":34,"width":22,"height":23,"thumbnail":51,"small":52,"medium":53,"responsiveImage":34,"video":54},"HjySfuNSTbyLRwEzx9ztLw","2026-10-22T23:43:48+01:00","Warm orange and yellow blocks and cool blue and purple blocks packed around a glowing glass orb, shifting together like instruments in a jam, the opening loop for Design and engineering, converging.","https://www.datocms-assets.com/157026/1792709024-design-and-engineering-converging-hero-loop.mp4?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1792709024-design-and-engineering-converging-hero-loop.mp4?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1792709024-design-and-engineering-converging-hero-loop.mp4?auto=format&fit=max&h=2000&q=95&w=2000",{"mp4low":55,"mp4medium":56,"mp4high":57,"width":22,"height":23,"thumbnailUrl":58,"title":10,"duration":59},"https://stream.mux.com/k9AxMvywlXvKemSoSWmmUsC8V4D00ah7P/low.mp4","https://stream.mux.com/k9AxMvywlXvKemSoSWmmUsC8V4D00ah7P/medium.mp4","https://stream.mux.com/k9AxMvywlXvKemSoSWmmUsC8V4D00ah7P/high.mp4","https://image.mux.com/k9AxMvywlXvKemSoSWmmUsC8V4D00ah7P/thumbnail.jpg",10,{"id":61,"background":62,"text":64},"DaAdckcwQ5G9KyWAMADukg",{"hex":63},"#E2E1F0",true,false,{"id":67,"type":68,"space":69},"N9_6kqvEQ-2W5IU9EEQkvg","space_block","small",{"id":71,"type":72,"eyebrow":10,"title":10,"text":73,"cta":34,"list":74,"stats":75,"theme":76},"IfNEx2s_Q0ittxNC7MvtKw","text_block","\u003Cp dir=\"ltr\">\u003Cspan>Fantasy’s Head of Design on designing inside the same code engineers are building, and what designers still do that AI can’t.\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",[],[],{"id":77,"background":78,"text":64},"SmIikQ9HQAy6eWCkN6boQA",{"hex":63},{"id":80,"type":68,"space":69},"LPXsDGBqT1a4dygRC64eDA",{"id":82,"type":72,"eyebrow":10,"title":10,"text":83,"cta":34,"list":84,"stats":85,"theme":86},"bTBAHIBBT9CktgHjtphITw","\u003Cp dir=\"ltr\">\u003Cspan>At MIT EmTech AI this spring, we showed the demo I \u003Ca href=\"/latest/the-prototype-is-the-product\">mentioned last time\u003C/a>: your own AI agent talking to a brand’s website, with the site adapting to you as you talked. Kathy—the engineer who built it—and I skipped the usual handoff from design to engineering and worked in the same code. A few weeks out, I told her I was still sort of bashing my way through developer tools.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>I did a full vibe code pass on the transitions and content to see how far we could move the needle on the fidelity and design of the demo. Kathy was updating the same code live, so we had to merge our changes the next morning. We’d also both run some of the same updates.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>Kathy’s answer was to get me assigned to the issues I was coding, so the two of us weren’t doing the same work twice. She also made a point of telling me and the other designer on the demo that she was excited to have designers in the code. My rule for teams has always been “no egos allowed,” and that’s easy to say until you’re the beginner in someone else’s code.\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",[],[],{"id":87,"background":88,"text":64},"MGH2-FrqQ_yjotQ3gsvmQg",{"hex":63},{"id":90,"type":68,"space":69},"Sc0ZJGuxQ2C62CWUdGSQFw",{"id":92,"type":93,"media":94,"theme":97},"SIWMQ49sRHWbFRkJmQonkg","media_full_block",{"id":17,"_createdAt":18,"alt":19,"title":10,"focalPoint":95,"width":22,"height":23,"thumbnail":24,"small":25,"medium":26,"responsiveImage":96,"video":34},{"x":21,"y":21},{"srcSet":28,"webpSrcSet":10,"sizes":29,"src":30,"width":22,"height":23,"aspectRatio":31,"alt":19,"title":10,"base64":32,"bgColor":33},{"id":98,"background":99,"text":64},"BKQj7obPTU2K20D4nY8Tig",{"hex":63},{"id":101,"type":72,"eyebrow":10,"title":102,"text":103,"cta":34,"list":104,"stats":105,"theme":106},"a5Puw56rSXiWo7WgPxyvJg","\u003Ch2 dir=\"ltr\">\u003Cspan>We’re jamming\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>Even before AI came around, it’s always been a challenge getting designers and engineers to sit down, talk to each other, speak the same language and actually have handoffs that work for everyone. \u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>In \u003Ca href=\"/latest/how-ai-is-changing-the-design-process\">my first piece\u003C/a> I used the word “jamming” almost in passing. I got into design through music, and it’s a musician’s word for different instruments playing one piece of music at the same time, where nobody waits for a handoff to find out what the other player meant.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>Jamming still takes coordination, and on the demo, assigned issues were how we coordinated. With that in place, I was designing inside the same codebase engineering was building in, and iterating while engineering, too, was iterating, right up until the day before it went live on stage.\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",[],[],{"id":107,"background":108,"text":64},"D5f4T1VzSrycm4y8H38-UA",{"hex":63},{"id":110,"type":68,"space":69},"d9W9NxJbTfKyQPvCpAGdkw",{"id":112,"type":113,"icon":64,"quote":114,"cite":10,"theme":115},"bx4pmwGCRQW_dsy5YrE7Kw","quote_block","This is, and always should be, a human-in-the-loop situation.",{"id":116,"background":117,"text":64},"A-4m5Le2SNuQmnwLOIoF_A",{"hex":118},"#9794B5",{"id":120,"type":68,"space":69},"Un3B7YVCRt--Lkb3-wv18A",{"id":122,"type":72,"eyebrow":10,"title":123,"text":124,"cta":34,"list":125,"stats":126,"theme":127},"XkEqW34RQSSq1XMVaoIt4Q","\u003Ch2 dir=\"ltr\">\u003Cspan>Stop calling it vibe coding\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>Steve Croll, our Head of Technology, has said repeatedly we have to stop calling it vibe coding, because it kind of dismisses what it is. If you set up the foundation and use that as the baseline, it generates code that is as good as, if not better than, most engineers.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>Vibe coding means prompting your way to working code and keeping whatever runs, with no foundation underneath. Anyone who has ever tried to just vibe code an app knows it can be as hard as, if not harder than, doing it the normal way. \u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>You’re continually interating: It’s worse, it gets better, it’s worse again. Without human taste and human quality control, you can end up with the monstrosity I warned about at the start of this series.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>I called my pass a “vibe code”, but it was the other kind. It ran on the foundation Kathy had set up, and she tested a bunch of the AI work first thing each morning before it got merged. That foundation and that review are why the code holds up. \u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>This is, and always should be, a human-in-the-loop situation. The design craft and quality need to hit our bar, and the engineering needs to be sense-checked, especially for compliance.\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",[],[],{"id":128,"background":129,"text":64},"Mj4t_-UWS_SoF7x_H5mwmA",{"hex":118},{"id":131,"type":68,"space":69},"aF_kdAkoS8CurlezyDBGLQ",{"id":133,"type":72,"eyebrow":10,"title":134,"text":135,"cta":34,"list":136,"stats":137,"theme":138},"c1qVkWb0Q9-odjxQQhEeHw","\u003Ch2 dir=\"ltr\">\u003Cspan>What AI can’t do\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>Novel problem solving is what AI can’t do. It’s very good at recognizing a problem and matching it with a pattern that’s already solved. But it’s not good at coming up with novel solutions.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>The day after Kathy and I merged our changes, I asked the AI tool to make a “subtle webGL transition that distorts the content as it clears.” It was perfect. Kathy’s reply was, “Of course! Training data was Harry Potter movies.” A joke, of course, but she had a point. That effect was a pattern the AI had already seen.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>My main note on the demo was about hierarchy. For demo purposes, and for the page to feel more agentic and reactive, the personalization needed to lead. Instead, we were burying the lede in the UI, with the personal elements sitting under a generic marketing headline.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>I asked the team why we couldn’t make the page feel like it has LLM-style elements built in. So as opposed to a marketing headline, the headline would be personalized for you, and the personalized aspect would become the focus. In a quick mock, I pulled the personal elements up to the top.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>AI’s quality isn’t great right now on the design side, but its engineering quality is very high. The high-craft design is still manual, and that’s intentional. We don’t want to rely on AI for it, because right now it can’t hit the same high bar that we have.\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",[],[],{"id":139,"background":140,"text":64},"RsysDfiMRy2clGe9-bBSsw",{"hex":118},{"id":142,"type":68,"space":69},"KID2NJeDSMiQ0Dcb2V_ngg",{"id":144,"type":93,"media":145,"theme":158},"ddo1xf-OR3CA_8aw5gvnyQ",{"id":146,"_createdAt":147,"alt":148,"title":10,"focalPoint":149,"width":22,"height":23,"thumbnail":150,"small":151,"medium":152,"responsiveImage":153,"video":34},"DR1qN87tTpCSebLfRD0Vsg","2026-10-22T23:44:13+01:00","Overhead view of warm orange and yellow shapes and cool blue and purple shapes packed tightly around a glowing orb, illustrating two disciplines that keep their own form while moving toward the same product.",{"x":21,"y":21},"https://www.datocms-assets.com/157026/1792709044-design-and-engineering-converging-warm-and-cool-shapes-around-orb.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1792709044-design-and-engineering-converging-warm-and-cool-shapes-around-orb.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1792709044-design-and-engineering-converging-warm-and-cool-shapes-around-orb.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":154,"webpSrcSet":10,"sizes":29,"src":155,"width":22,"height":23,"aspectRatio":31,"alt":148,"title":10,"base64":156,"bgColor":157},"https://www.datocms-assets.com/157026/1792709044-design-and-engineering-converging-warm-and-cool-shapes-around-orb.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 480w,https://www.datocms-assets.com/157026/1792709044-design-and-engineering-converging-warm-and-cool-shapes-around-orb.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 960w,https://www.datocms-assets.com/157026/1792709044-design-and-engineering-converging-warm-and-cool-shapes-around-orb.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 1440w,https://www.datocms-assets.com/157026/1792709044-design-and-engineering-converging-warm-and-cool-shapes-around-orb.png?auto=format&fit=max&h=2880&q=95&w=2880 1920w","https://www.datocms-assets.com/157026/1792709044-design-and-engineering-converging-warm-and-cool-shapes-around-orb.png?auto=format&fit=max&h=2880&q=95&w=2880","data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLEg8SDhUQEg0ZDhENDREYFxcZGBYTFiEaHysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLAg0OHAoNHDscFhwvLy8vLy87Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA4AGAMBIgACEQEDEQH/xAAWAAEBAQAAAAAAAAAAAAAAAAAEBgD/xAAcEAACAgIDAAAAAAAAAAAAAAABAgADBBEFExT/xAAXAQADAQAAAAAAAAAAAAAAAAACAwQB/8QAGxEAAAcBAAAAAAAAAAAAAAAAAAECBQYRURL/2gAMAwEAAhEDEQA/ALXI6XIO4HkqKnqUgw+aWrq2Gg/Q71gEzUrjWCkkuVCqwUReNA3NAY9zDCA3NC6jOBZk5WP/2Q==","#d9681d",{"id":159,"background":160,"text":64},"KtBqCyq6ROC1bvAGZUnmWg",{"hex":118},{"id":162,"type":72,"eyebrow":10,"title":163,"text":164,"cta":34,"list":165,"stats":166,"theme":167},"Ka6u4DhtRgOxiMJ94u2pSw","\u003Ch2 dir=\"ltr\">\u003Cspan>Closer and closer together\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>In each of my last two pieces, I promised to write about what this way of working does to design and engineering themselves. Engineers now set up the environment first and make the decisions on what we’re using, starting with what the front end is going to be built on. As they decide on the content system, or an integration with another service, that gets plugged into the same place.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>Designers work in that same place, the space the engineers will ultimately pick up. UX designers build the initial prototype right in that environment. Visual designers craft the details, like what the visual language is and how to bring the brand to life, focusing on what makes it unique. Once everyone agrees on the direction, they iterate on it inside the system too.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>Engineering and design will stay two disciplines, and I don’t imagine there’s going to be one person who does both. But those disciplines need to work closer and closer together, to the point where they’re integrating and, yes, jamming on things together, exactly how we created our demo.\u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>Tools continue to evolve. You can now have multiple engineering agents (AI that carries out multistep work on its own) building things, so effectively you can have a whole team of engineers. In the (very near) future, a single, very senior engineer could oversee a bunch of these agents as they build, and review their work.\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",[],[],{"id":168,"background":169,"text":64},"Tr9RWAqCSqK8NGVOwvIQ7w",{"hex":118},{"id":171,"type":68,"space":69},"UBTnr7WBRRmyFDVhBQs5_w",{"id":173,"type":93,"media":174,"theme":187},"NLyVSqXWRWqR5r8wbgNvnw",{"id":175,"_createdAt":176,"alt":177,"title":10,"focalPoint":178,"width":22,"height":23,"thumbnail":179,"small":180,"medium":181,"responsiveImage":182,"video":34},"cM2eyKGPTKCK1LzMpFLd8A","2026-10-22T23:44:25+01:00","A glowing glass orb in the foreground with soft purple, white and orange blocks behind it, illustrating designers and engineers converging on the product itself.",{"x":21,"y":21},"https://www.datocms-assets.com/157026/1792709059-designers-and-engineers-converging-on-the-product-glass-orb.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1792709059-designers-and-engineers-converging-on-the-product-glass-orb.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1792709059-designers-and-engineers-converging-on-the-product-glass-orb.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":183,"webpSrcSet":10,"sizes":29,"src":184,"width":22,"height":23,"aspectRatio":31,"alt":177,"title":10,"base64":185,"bgColor":186},"https://www.datocms-assets.com/157026/1792709059-designers-and-engineers-converging-on-the-product-glass-orb.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 480w,https://www.datocms-assets.com/157026/1792709059-designers-and-engineers-converging-on-the-product-glass-orb.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 960w,https://www.datocms-assets.com/157026/1792709059-designers-and-engineers-converging-on-the-product-glass-orb.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 1440w,https://www.datocms-assets.com/157026/1792709059-designers-and-engineers-converging-on-the-product-glass-orb.png?auto=format&fit=max&h=2880&q=95&w=2880 1920w","https://www.datocms-assets.com/157026/1792709059-designers-and-engineers-converging-on-the-product-glass-orb.png?auto=format&fit=max&h=2880&q=95&w=2880","data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgTChITDhgPDQ0NGh0NFg4YFx8ZGCIfFhYaHysjGh0oHRYiJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHBAQHDscFig7NTs7Ly87Oy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA4AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAADBQAEBv/EAB0QAAEFAQADAAAAAAAAAAAAAAEAAgMEEQUSIkH/xAAWAQEBAQAAAAAAAAAAAAAAAAADBAH/xAAbEQABBAMAAAAAAAAAAAAAAAADAAECBBFBUf/aAAwDAQACEQMRAD8A19SaFxzVandEwByBU5bBIPZObHIiNUHfiUIK0dJpkk6WTXYXVwNUQJ+c1rc8lFS46/FrPLC//9k=","#4919f3",{"id":188,"background":189,"text":64},"GmIFU45BTJS3JE-myVdwWQ",{"hex":118},{"id":191,"type":72,"eyebrow":10,"title":192,"text":193,"cta":34,"list":194,"stats":195,"theme":196},"YaxENT37RqORGw1-mK8n1w","\u003Ch2 dir=\"ltr\">\u003Cspan>Engineers still go first\u003C/span>\u003C/h2>","\u003Cp dir=\"ltr\">\u003Cspan>At the start of this series, I wrote that engineers go first, which is a strange sentence for a head of design to write. They go first because they set the foundation the rest of us play on. There’s a bit of a learning curve for designers, and to me that’s the biggest gap right now. Everyone needs to have an open mind about technology and be able to at least try to use these tools. \u003C/span>\u003C/p>\n\u003Cp dir=\"ltr\">\u003Cspan>Designers come in right behind the engineers, in the same code, to make the calls AI can’t and do what we do best. Because at the end of the day, if you remove humanity from all of this, you end up with a fundamentally flawed approach. Sitting down and being human together is still—and always needs to be—a part of what we do.\u003C/span>\u003C/p>\n\u003Cp>\u003C/p>",[],[],{"id":197,"background":198,"text":64},"TsVBilzCSh2f5D73ZLtC3w",{"hex":118},{"id":200,"type":68,"space":69},"PS-L0v3XTRqV68rDbYEP6Q",{"id":202,"type":203,"title":204,"aligned":65,"items":205,"theme":294},"bbHZeUX5RhaJFYZ57pl2zQ","faq_block","Common questions",[206,222,234,246,258,270,282],{"id":207,"question":208,"answer":209},"CgXx5Mt_SdWh_mj7YPRf1Q","What is the difference between vibe coding and engineering with AI?",{"value":210,"blocks":221},{"schema":211,"document":212},"dast",{"type":213,"children":214},"root",[215],{"type":216,"children":217},"paragraph",[218],{"type":219,"value":220},"span","Vibe coding means prompting your way to working code and keeping whatever runs, with no foundation underneath. Engineering with AI starts from a foundation an engineer sets up, and a person reviews the AI’s work before it merges. Fantasy’s Head of Technology argues that with that foundation as the baseline, AI generates code that is as good as, if not better than, most engineers.",[],{"id":223,"question":224,"answer":225},"dW4SOKJmQ8-oWqRfrWSM6A","Will AI replace product designers?",{"value":226,"blocks":233},{"schema":211,"document":227},{"type":213,"children":228},[229],{"type":216,"children":230},[231],{"type":219,"value":232},"Designers keep the work AI is weakest at, according to Fantasy’s Head of Design. AI is very good at recognizing a problem and matching it with a pattern that’s already solved, and it’s not good at coming up with novel solutions. High-craft visual design also stays manual at Fantasy, by choice, because right now AI can’t hit Fantasy’s bar for it.",[],{"id":235,"question":236,"answer":237},"cqGHLQH1TJ-aAvcjRpIMCA","Is AI better at engineering or design right now?",{"value":238,"blocks":245},{"schema":211,"document":239},{"type":213,"children":240},[241],{"type":216,"children":242},[243],{"type":219,"value":244},"Engineering. Fantasy’s Head of Design says the design quality AI tools produce isn’t great right now, while their engineering quality is very high. That’s why high-craft design at Fantasy is still done by people.",[],{"id":247,"question":248,"answer":249},"c89FK5sETXWkSi2l1ZqlTQ","What do designers and engineers each do on an AI-native team?",{"value":250,"blocks":257},{"schema":211,"document":251},{"type":213,"children":252},[253],{"type":216,"children":254},[255],{"type":219,"value":256},"At Fantasy, engineers set up the environment first and decide what the product is built on, then plug in the content system and other services as those decisions land. Designers work in that same environment. UX designers build the first prototype in it, and visual designers craft the visual language and what makes the brand unique, then iterate inside the system once the direction is set.",[],{"id":259,"question":260,"answer":261},"Jn9vRgNZQ4ayUcFce6IG0g","Are design and engineering merging into one role?",{"value":262,"blocks":269},{"schema":211,"document":263},{"type":213,"children":264},[265],{"type":216,"children":266},[267],{"type":219,"value":268},"They stay two disciplines, and Fantasy’s Head of Design doesn’t expect one person to do both. The two need to work closer and closer together, to the point of designers and engineers jamming in the same codebase at the same time, as they did on Fantasy’s MIT EmTech demo in 2026.",[],{"id":271,"question":272,"answer":273},"CJ3YTJwqQiiDMFmFaVoc9Q","What does jamming mean in design and engineering?",{"value":274,"blocks":281},{"schema":211,"document":275},{"type":213,"children":276},[277],{"type":216,"children":278},[279],{"type":219,"value":280},"Jamming is a musician’s word for different instruments playing one piece of music at the same time, where nobody waits for a handoff to find out what the other player meant. Fantasy’s Head of Design uses it for designers and engineers working in the same code at the same time. On Fantasy’s demo for MIT EmTech AI, he was designing inside the same codebase engineering was building in, right up until the day before it went live on stage.",[],{"id":283,"question":284,"answer":285},"PAjyF4n9QMaxH12iSpkDQg","What skills help designers work closely with engineers?",{"value":286,"blocks":293},{"schema":211,"document":287},{"type":213,"children":288},[289],{"type":216,"children":290},[291],{"type":219,"value":292},"An open mind about technology and a willingness to be a beginner in the engineers’ code. On Fantasy’s MIT EmTech demo, that meant taking on assigned issues so the designer and engineer weren’t duplicating each other’s work, and letting the engineer test the AI work before it merged. Fantasy’s Head of Design sees the learning curve as the biggest gap right now, and his rule for these teams is “no egos allowed.”",[],{"id":295,"background":296,"text":64},"EL0N_DdyTCyoGPxlzXFurQ",{"hex":118},{"id":298,"type":68,"space":299},"PNsGYCWqSlm22btgXss7pQ","large",{"id":301,"type":302,"eyebrow":10,"title":303,"titleCondensed":64,"titleSmall":64,"text":10,"leftAligned":64,"h1":65,"cta":34,"theme":304},"DpOyBFJ1QD24tyhTscNXqA","title_block","Up Next",{"id":305,"background":306,"text":64},"S7PKh2BlTHO0LosHMK6eGQ",{"hex":307},"#FFFFFF",{"id":309,"type":310,"items":311,"condensed":64,"theme":396},"aiW0wmooQAiDs9SkHo18kw","media_cols_block",[312,341,367],{"media":313,"title":328,"text":329,"cta":330,"link":338,"cursorText":333},{"id":314,"_createdAt":315,"alt":316,"title":10,"focalPoint":317,"width":23,"height":23,"thumbnail":318,"small":319,"medium":320,"responsiveImage":321,"video":34},"DJbGrHOZQJ-NaeN1NVXn0g","2026-10-22T23:44:44+01:00","Square hero for the Engineers Go First article: blue, purple and glass cubes assembling into a single structure. By Fantasy.",{"x":21,"y":21},"https://www.datocms-assets.com/157026/1792709078-engineers-go-first-square.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1792709078-engineers-go-first-square.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1792709078-engineers-go-first-square.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":322,"webpSrcSet":10,"sizes":323,"src":324,"width":23,"height":23,"aspectRatio":325,"alt":316,"title":10,"base64":326,"bgColor":327},"https://www.datocms-assets.com/157026/1792709078-engineers-go-first-square.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 270w,https://www.datocms-assets.com/157026/1792709078-engineers-go-first-square.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 540w,https://www.datocms-assets.com/157026/1792709078-engineers-go-first-square.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 810w,https://www.datocms-assets.com/157026/1792709078-engineers-go-first-square.png?auto=format&fit=max&h=2880&q=95&w=2880 1080w","(max-width: 1080px) 100vw, 1080px","https://www.datocms-assets.com/157026/1792709078-engineers-go-first-square.png?auto=format&fit=max&h=2880&q=95&w=2880",1,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLFQ4SFQ0SDg0QExkNDREYFxUZGBYTFiEdHyslGh0oKRUiJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OGhANHC8cFhwvLy8vLy81Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABgAGAMBIgACEQEDEQH/xAAYAAEBAAMAAAAAAAAAAAAAAAAABQEDBv/EAB8QAAICAQQDAAAAAAAAAAAAAAABAgMRBAUSMSEjMv/EABkBAAEFAAAAAAAAAAAAAAAAAAMAAQIEBf/EABgRAAMBAQAAAAAAAAAAAAAAAAABEQMC/9oADAMBAAIRAxEAPwDsKYRrj5Zj1OX0iPfbqW8RyaFDV8s5ZrLJFel6O3VXTzyQJVd+po7kwReSFSwtBmzo130cJqKQANdMczZtc7a00AAb7Yof/9k=","#0c51d4","Engineers Go First","Rethinking the design process when engineers set the foundation first.",{"outline":64,"icon":64,"link":331},{"id":332,"label":333,"internal":334,"external":10,"video":34,"form":34},"S5s54jY3Q02u1ziweQmEfg","Read",{"id":335,"type":336,"title":328,"slug":337},"HMW1mcruR6Cepi_AMaXQIg","article","how-ai-is-changing-the-design-process",{"id":339,"label":333,"internal":340,"external":10,"video":34,"form":34},"NwLwF_DXSTex4GjQr7tWdA",{"id":335,"type":336,"title":328,"slug":337},{"media":342,"title":356,"text":357,"cta":358,"link":364,"cursorText":333},{"id":343,"_createdAt":344,"alt":345,"title":346,"focalPoint":347,"width":23,"height":23,"thumbnail":348,"small":349,"medium":350,"responsiveImage":351,"video":34},"T_faYhMFQVCkL0vMvF56BA","2026-10-19T20:16:09+01:00","Square hero for The prototype is the product article: a stack of white, orange and pink glass discs and rings with a line of light running through their center. By Fantasy.","The prototype is the product article square hero",{"x":21,"y":21},"https://www.datocms-assets.com/157026/1792437363-prototype-product-square.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1792437363-prototype-product-square.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1792437363-prototype-product-square.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":352,"webpSrcSet":10,"sizes":323,"src":353,"width":23,"height":23,"aspectRatio":325,"alt":345,"title":346,"base64":354,"bgColor":355},"https://www.datocms-assets.com/157026/1792437363-prototype-product-square.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 270w,https://www.datocms-assets.com/157026/1792437363-prototype-product-square.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 540w,https://www.datocms-assets.com/157026/1792437363-prototype-product-square.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 810w,https://www.datocms-assets.com/157026/1792437363-prototype-product-square.png?auto=format&fit=max&h=2880&q=95&w=2880 1080w","https://www.datocms-assets.com/157026/1792437363-prototype-product-square.png?auto=format&fit=max&h=2880&q=95&w=2880","data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBhUTCxISFg8PEQ8QDQ4NDRINDQ0NFxUZGCIVFiEaHysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OHA0MHC8cFhwvLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABgAGAMBIgACEQEDEQH/xAAYAAEBAQEBAAAAAAAAAAAAAAAABAUHAv/EABoQAAMBAQEBAAAAAAAAAAAAAAABAgQDEhH/xAAYAQACAwAAAAAAAAAAAAAAAAAAAQIDBP/EABgRAAMBAQAAAAAAAAAAAAAAAAABEQMC/9oADAMBAAIRAxEAPwDq2jUpRGti+k2jR6In1+MgkbM8lC+tM1YMxdG6AQHkqaHfnKIalegBIpz6cPLSlgABPp0//9k=","#e12646","The Prototype is the Product","How a Fantasy project runs from first gray boxes to launch.",{"outline":64,"icon":64,"link":359},{"id":360,"label":333,"internal":361,"external":10,"video":34,"form":34},"bTEyjCwRT6GVP26Tgq6ZFw",{"id":362,"type":336,"title":356,"slug":363},"LBHjyKpORMus8MNHUVPSkw","the-prototype-is-the-product",{"id":365,"label":333,"internal":366,"external":10,"video":34,"form":34},"F0-q_sHiQOSIa-xmT-1bcQ",{"id":362,"type":336,"title":356,"slug":363},{"media":368,"title":382,"text":383,"cta":384,"link":393,"cursorText":387},{"id":369,"_createdAt":370,"alt":371,"title":372,"focalPoint":373,"width":23,"height":23,"thumbnail":374,"small":375,"medium":376,"responsiveImage":377,"video":34},"NX4UvCnsT5mZiMT_AroUAA","2026-08-11T00:01:04+01:00","Square hero for the BNY case study: the Eliza assistant on a phone, greeting a user with their day's briefing. By Fantasy.","BNY case study square hero",{"x":21,"y":21},"https://www.datocms-assets.com/157026/1786402859-bny-square.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1786402859-bny-square.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1786402859-bny-square.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":378,"webpSrcSet":10,"sizes":323,"src":379,"width":23,"height":23,"aspectRatio":325,"alt":371,"title":372,"base64":380,"bgColor":381},"https://www.datocms-assets.com/157026/1786402859-bny-square.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 270w,https://www.datocms-assets.com/157026/1786402859-bny-square.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 540w,https://www.datocms-assets.com/157026/1786402859-bny-square.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 810w,https://www.datocms-assets.com/157026/1786402859-bny-square.png?auto=format&fit=max&h=2880&q=95&w=2880 1080w","https://www.datocms-assets.com/157026/1786402859-bny-square.png?auto=format&fit=max&h=2880&q=95&w=2880","data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoIFAgLCgoLDhgQDhINEh0QFg0NHRMZGCIfIhUdHysjGh0oHRUiJDUlKC0vMjIyGSU4PTcwPCsxMi8BCgsLDg0OHBAQHDsoHh07Oy8vNTsvLzUvNTU1Ly8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIABgAGAMBIgACEQEDEQH/xAAZAAADAAMAAAAAAAAAAAAAAAAABQYBAwT/xAAiEAABAwQBBQEAAAAAAAAAAAAAAQIEAwURElEhIzEyYRP/xAAXAQEBAQEAAAAAAAAAAAAAAAACBAUD/8QAGxEAAgIDAQAAAAAAAAAAAAAAAAIBBBEhMQP/2gAMAwEAAhEDEQA/AIahefyp4yOKF5RYm2SBe56qiZKePDc+0bZ64LVsGc9KDfMmU5bPZMmCZ79Oo5Nl8gCffY1qYjRxbLyP4V1e23LT+ABxQreZwKK0l7nqvJgAC3RRw//Z","#12a5b0","BNY Eliza","Building the AI-native design system behind a global bank's AI platform.",{"outline":64,"icon":64,"link":385},{"id":386,"label":387,"internal":388,"external":10,"video":34,"form":34},"KvBap3uMQuGjIMVUkL6qfA","Explore",{"id":389,"type":390,"title":391,"slug":392},"U-lDK82iSbCIPoQLf3yxgg","project","BNY","bny-eliza",{"id":394,"label":387,"internal":395,"external":10,"video":34,"form":34},"QYZ7G2ZDSC6dI9HFLD9UiA",{"id":389,"type":390,"title":391,"slug":392},{"id":397,"background":398,"text":64},"OykDn6ivTe6gDN8IOk7M2w",{"hex":307},{"id":400,"type":68,"space":299},"OueS-xWZS1KuF2ri7Y9V6A",{"noIndex":65,"title":402,"description":403,"image":404},"Design and Engineering, Converging: Roles in AI-Native Teams","Fantasy’s Head of Design on designing in the same code engineers build, what separates engineering with AI from vibe coding, and what AI still can’t do.",{"url":405},"https://www.datocms-assets.com/157026/1792709068-design-and-engineering-converging-og-card.png",[407,430],{"id":408,"slug":409,"title":410,"date":411,"categories":412,"featuredMedia":414},"G1T3Fv2KR6OadXEgewCouA","chatgpt-business-profiles-what-retailers-should-know","6 Things Retailers Should Know About ChatGPT’s Business Profiles & Business Agents","2026-11-10",[413],{"id":13,"slug":14,"title":15},{"id":415,"_createdAt":416,"alt":34,"title":34,"focalPoint":417,"width":418,"height":419,"thumbnail":420,"small":421,"medium":422,"responsiveImage":423,"video":34},"Lq6FoX7ST0ilOH7DruAG5g","2026-11-11T20:57:55+00:00",{"x":21,"y":21},1200,630,"https://www.datocms-assets.com/157026/1794430842-card-linkl-1794430828322.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1794430842-card-linkl-1794430828322.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1794430842-card-linkl-1794430828322.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":424,"webpSrcSet":10,"sizes":425,"src":426,"width":418,"height":419,"aspectRatio":427,"alt":34,"title":34,"base64":428,"bgColor":429},"https://www.datocms-assets.com/157026/1794430842-card-linkl-1794430828322.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 300w,https://www.datocms-assets.com/157026/1794430842-card-linkl-1794430828322.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 600w,https://www.datocms-assets.com/157026/1794430842-card-linkl-1794430828322.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 900w,https://www.datocms-assets.com/157026/1794430842-card-linkl-1794430828322.png?auto=format&fit=max&h=2880&q=95&w=2880 1200w","(max-width: 1200px) 100vw, 1200px","https://www.datocms-assets.com/157026/1794430842-card-linkl-1794430828322.png?auto=format&fit=max&h=2880&q=95&w=2880",1.9047619047619047,"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLCgoLDhgQDg0NDikVFhEYIx8lJCUqLSYtHy0jHS0oLSUiLTUlKDkvNTIyGSU4PTcwPCsxMi8BCgsLDg0OFhAQHDsoIiU1Ly8vOy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAAFBgADB//EACIQAAAFAwQDAAAAAAAAAAAAAAABAgMRBCFBBQYSURMWIv/EABYBAQEBAAAAAAAAAAAAAAAAAAIBAP/EABkRAAIDAQAAAAAAAAAAAAAAAAACARJREf/aAAwDAQACEQMRAD8AypykccaSlVrhpTtki20bs4CnqFS55CSSoIr2B5OtVfqxo54gNJWAgBFEZcimYEFLFQ4lZ/Uz2ILdcNw//9k=","#916911",{"id":431,"slug":432,"title":433,"date":434,"categories":435,"featuredMedia":440},"UOd3cIGzSBiJEZxn662fTQ","automate-the-task-keep-the-talent","Automate The Task, Keep The Talent: Reinvesting The Time AI Gives Back","2026-11-04",[436],{"id":437,"slug":438,"title":439},"dTNA7JPySkaGJdBCfDxqjQ","read-on-forbes","Read on Forbes",{"id":441,"_createdAt":442,"alt":34,"title":34,"focalPoint":443,"width":418,"height":419,"thumbnail":444,"small":445,"medium":446,"responsiveImage":447,"video":34},"D7WarAT7Si-QGm26LWY8Ig","2026-11-11T22:59:45+00:00",{"x":21,"y":21},"https://www.datocms-assets.com/157026/1794437980-automate-the-task-keep-the-talent.png?auto=format&fit=max&h=800&q=95&w=800","https://www.datocms-assets.com/157026/1794437980-automate-the-task-keep-the-talent.png?auto=format&fit=max&h=1440&q=95&w=1440","https://www.datocms-assets.com/157026/1794437980-automate-the-task-keep-the-talent.png?auto=format&fit=max&h=2000&q=95&w=2000",{"srcSet":448,"webpSrcSet":10,"sizes":425,"src":449,"width":418,"height":419,"aspectRatio":427,"alt":34,"title":34,"base64":450,"bgColor":451},"https://www.datocms-assets.com/157026/1794437980-automate-the-task-keep-the-talent.png?auto=format&dpr=0.25&fit=max&h=2880&q=95&w=2880 300w,https://www.datocms-assets.com/157026/1794437980-automate-the-task-keep-the-talent.png?auto=format&dpr=0.5&fit=max&h=2880&q=95&w=2880 600w,https://www.datocms-assets.com/157026/1794437980-automate-the-task-keep-the-talent.png?auto=format&dpr=0.75&fit=max&h=2880&q=95&w=2880 900w,https://www.datocms-assets.com/157026/1794437980-automate-the-task-keep-the-talent.png?auto=format&fit=max&h=2880&q=95&w=2880 1200w","https://www.datocms-assets.com/157026/1794437980-automate-the-task-keep-the-talent.png?auto=format&fit=max&h=2880&q=95&w=2880","data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHBwgHBgoICAgLChIUFBQVDgoNFhINFg4YFxUZGBYTIhUaHysjGh0oHRUWJDUlKC0vMjIyGSI4PTcwPCsxMi8BCgsLDg0OEBAKHS8cFh0vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vLy8vL//AABEIAA0AGAMBIgACEQEDEQH/xAAYAAACAwAAAAAAAAAAAAAAAAADBQABBP/EABsQAAICAwEAAAAAAAAAAAAAAAIDAAEFESEE/8QAFgEBAQEAAAAAAAAAAAAAAAAAAwEA/8QAFxEBAQEBAAAAAAAAAAAAAAAAAAESAv/aAAwDAQACEQMRAD8AThjTNurhzwh12WfrYDq1DFkHQyzqlhY1oMkmu/Wy2dkmTVf/2Q==","#873f2f",1794618342794]