<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:googleplay="http://www.google.com/schemas/play-podcasts/1.0"><channel><title><![CDATA[Jonathan Centeno]]></title><description><![CDATA[VP of Product Design at Factorial]]></description><link>https://www.jonathancenteno.com</link><image><url>https://substackcdn.com/image/fetch/$s_!75Pk!,w_256,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fb8a20883-9b29-4964-9f91-6e90b78c076a_320x320.png</url><title>Jonathan Centeno</title><link>https://www.jonathancenteno.com</link></image><generator>Substack</generator><lastBuildDate>Wed, 06 May 2026 12:04:14 GMT</lastBuildDate><atom:link href="https://www.jonathancenteno.com/feed" rel="self" type="application/rss+xml"/><copyright><![CDATA[Jonathan]]></copyright><language><![CDATA[en]]></language><webMaster><![CDATA[jonathancenteno@substack.com]]></webMaster><itunes:owner><itunes:email><![CDATA[jonathancenteno@substack.com]]></itunes:email><itunes:name><![CDATA[Jonathan]]></itunes:name></itunes:owner><itunes:author><![CDATA[Jonathan]]></itunes:author><googleplay:owner><![CDATA[jonathancenteno@substack.com]]></googleplay:owner><googleplay:email><![CDATA[jonathancenteno@substack.com]]></googleplay:email><googleplay:author><![CDATA[Jonathan]]></googleplay:author><itunes:block><![CDATA[Yes]]></itunes:block><item><title><![CDATA[Why AI chat interfaces feel frustrating to use]]></title><description><![CDATA[Six patterns to design around the blank cursor problem and help users know what to ask for.]]></description><link>https://www.jonathancenteno.com/p/why-ai-chat-interfaces-feel-frustrating</link><guid isPermaLink="false">https://www.jonathancenteno.com/p/why-ai-chat-interfaces-feel-frustrating</guid><dc:creator><![CDATA[Jonathan]]></dc:creator><pubDate>Tue, 03 Mar 2026 09:01:48 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!o-mi!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>There&#8217;s a moment every person has when they open a new AI-powered product for the first time:</p><blockquote><p><em>The cursor blinks. The input is empty. And they have absolutely no idea what to type.</em></p></blockquote><p>That&#8217;s not a user problem. That&#8217;s a design problem.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!o-mi!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!o-mi!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png 424w, https://substackcdn.com/image/fetch/$s_!o-mi!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png 848w, https://substackcdn.com/image/fetch/$s_!o-mi!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png 1272w, https://substackcdn.com/image/fetch/$s_!o-mi!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!o-mi!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png" width="1456" height="1031" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1031,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:323144,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/189553034?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!o-mi!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png 424w, https://substackcdn.com/image/fetch/$s_!o-mi!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png 848w, https://substackcdn.com/image/fetch/$s_!o-mi!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png 1272w, https://substackcdn.com/image/fetch/$s_!o-mi!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F94c32ce5-9b4b-4a6f-9d5b-d509c6f75307_4800x3400.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>We&#8217;ve been so focused on the quality of what AI can do that we&#8217;ve underinvested in the interface layer around it; the part that shapes what users ask, when they ask it, and how they interpret the result.</p><p><strong>Chat is a starting point, not an endpoint.</strong></p><p>Here are six patterns we&#8217;re seeing &#8212; and building &#8212; that go beyond the box.</p><div><hr></div><h2>1. Empty states that actually know where you are</h2><p><strong>The first mistake is treating the empty state as a blank canvas with a few example prompts. Generic suggestions don&#8217;t help. Context-aware ones do.</strong></p><p>For example, at Factorial, when a user lands in the Engagement section, we don&#8217;t show generic AI options; we show suggestions directly relevant to engagement: survey templates, sentiment checks, and team pulse questions. The interface reads where you are and shapes what you might want to do there.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Cix0!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Cix0!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png 424w, https://substackcdn.com/image/fetch/$s_!Cix0!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png 848w, https://substackcdn.com/image/fetch/$s_!Cix0!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png 1272w, https://substackcdn.com/image/fetch/$s_!Cix0!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Cix0!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png" width="1456" height="834" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:834,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:541171,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/189553034?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Cix0!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png 424w, https://substackcdn.com/image/fetch/$s_!Cix0!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png 848w, https://substackcdn.com/image/fetch/$s_!Cix0!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png 1272w, https://substackcdn.com/image/fetch/$s_!Cix0!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dacdd02-671e-4412-ad7d-4816498f0d29_3600x2062.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>In other cases, like policies, we removed the chat box and replaced it with a file upload, as those policies are mostly stored in documents; it doesn&#8217;t make sense to push the user to copy and paste their text instead of uploading the document directly.</p><div class="native-video-embed" data-component-name="VideoPlaceholder" data-attrs="{&quot;mediaUploadId&quot;:&quot;d0ae4adc-e682-4f54-b4d4-608ebfb938f3&quot;,&quot;duration&quot;:null}"></div><p>Dia does something similar: their entire empty state, the layout, the suggestions, and the interaction model adapt based on the active tab. Open Gmail, and it becomes an email assistant. The interface doesn&#8217;t wait for you to figure out what it can do. It tells you.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!sNQb!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!sNQb!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png 424w, https://substackcdn.com/image/fetch/$s_!sNQb!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png 848w, https://substackcdn.com/image/fetch/$s_!sNQb!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png 1272w, https://substackcdn.com/image/fetch/$s_!sNQb!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!sNQb!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png" width="1456" height="921" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:921,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:2239556,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/189553034?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!sNQb!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png 424w, https://substackcdn.com/image/fetch/$s_!sNQb!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png 848w, https://substackcdn.com/image/fetch/$s_!sNQb!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png 1272w, https://substackcdn.com/image/fetch/$s_!sNQb!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2ebcec62-c91d-4b73-ad05-58e2831d05c3_3600x2276.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><strong>The interface should shape the prompt, not just receive it.</strong></p><div><hr></div><h2>2. Guiding users before they type</h2><p>Another failure mode: <strong>letting users write a bad prompt and then returning a mediocre result.</strong></p><p>The model gets blamed. The user gets frustrated. Nothing improves.</p><p>Metaview tackled this directly. Before you even start, they show you what a good prompt needs to include &#8212; specific fields, structured information, context requirements. It&#8217;s almost a checklist. You can&#8217;t really proceed without feeling like you&#8217;ve given the system what it needs.</p><div class="native-video-embed" data-component-name="VideoPlaceholder" data-attrs="{&quot;mediaUploadId&quot;:&quot;daaa38a1-fcb9-470c-85db-0d52e74954d5&quot;,&quot;duration&quot;:null}"></div><p>At Factorial, we went a step further by building template prompts, pre-filled structures that guide the user into asking the right question in the right format. It sounds small. In practice, it cuts the back-and-forth dramatically.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!LAe8!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!LAe8!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png 424w, https://substackcdn.com/image/fetch/$s_!LAe8!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png 848w, https://substackcdn.com/image/fetch/$s_!LAe8!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png 1272w, https://substackcdn.com/image/fetch/$s_!LAe8!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!LAe8!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png" width="1456" height="907" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:907,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:269452,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/189553034?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!LAe8!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png 424w, https://substackcdn.com/image/fetch/$s_!LAe8!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png 848w, https://substackcdn.com/image/fetch/$s_!LAe8!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png 1272w, https://substackcdn.com/image/fetch/$s_!LAe8!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F0ccd3753-ed50-4445-b2e9-1044ace3748c_2864x1784.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><em><strong>Try this yourself:</strong></em> look at your most common AI feature and ask: what does a bad prompt look like? Design to prevent that, not just handle it.</p><div><hr></div><h2>3. Autocomplete that connects to real entities</h2><p>Text autocomplete isn&#8217;t new. But there&#8217;s a version of it that&#8217;s genuinely different: suggestions that resolve directly to system entities.</p><p><strong>Instead of just completing a word, the interface connects your input to a real employee, a real project, a real contract, eliminating misspellings, ambiguity, and the need to remember exact names.</strong></p><p>Tools like AI Autocomplete have pushed this pattern broadly. </p><div class="native-video-embed" data-component-name="VideoPlaceholder" data-attrs="{&quot;mediaUploadId&quot;:&quot;004bc636-bb57-4379-8398-fd168a1884ef&quot;,&quot;duration&quot;:null}"></div><div><hr></div><h2>4. Clarification that doesn&#8217;t feel like an interrogation</h2><p>One of the patterns spreading fast, especially in Claude, is follow-up clarification after a prompt. <strong>The model asks what it needs before proceeding instead of guessing.</strong></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!eReg!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!eReg!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png 424w, https://substackcdn.com/image/fetch/$s_!eReg!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png 848w, https://substackcdn.com/image/fetch/$s_!eReg!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png 1272w, https://substackcdn.com/image/fetch/$s_!eReg!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!eReg!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png" width="1456" height="781" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:781,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:150805,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/189553034?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!eReg!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png 424w, https://substackcdn.com/image/fetch/$s_!eReg!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png 848w, https://substackcdn.com/image/fetch/$s_!eReg!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png 1272w, https://substackcdn.com/image/fetch/$s_!eReg!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F543172e2-95f3-4fcf-bdce-5eafb4b40038_1946x1044.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>The older version of this in ChatGPT was a wall of text asking generic follow-up questions. The better version is what we&#8217;re seeing now: targeted, specific UI interactions that ask exactly one thing at the exact point of uncertainty.</p><p>Metaview shows this well, too. After you submit a prompt, contextual suggestions appear that map directly to what the model needs. <strong>Clarification becomes a UI element, not a conversation thread.</strong></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Jon3!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Jon3!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png 424w, https://substackcdn.com/image/fetch/$s_!Jon3!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png 848w, https://substackcdn.com/image/fetch/$s_!Jon3!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png 1272w, https://substackcdn.com/image/fetch/$s_!Jon3!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Jon3!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png" width="966" height="454" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:454,&quot;width&quot;:966,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:57328,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/189553034?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Jon3!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png 424w, https://substackcdn.com/image/fetch/$s_!Jon3!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png 848w, https://substackcdn.com/image/fetch/$s_!Jon3!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png 1272w, https://substackcdn.com/image/fetch/$s_!Jon3!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F960ec6e4-6309-4b99-b186-2b67f1df4a6d_966x454.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><div><hr></div><h2>5. CRUD isn&#8217;t dead, it&#8217;s just getting a chat layer</h2><p>Not everyone is ready to create a record through a conversation. That&#8217;s real, and it&#8217;s okay. <strong>Some users need the familiar structure of a form to feel confident in what they&#8217;ve submitted.</strong></p><p>Octolane AI found the middle ground: you create a deal through a chat-style input, but the result populates a structured form view.</p><div class="native-video-embed" data-component-name="VideoPlaceholder" data-attrs="{&quot;mediaUploadId&quot;:&quot;434e5747-20d3-4fbd-87b8-91d18689d2a3&quot;,&quot;duration&quot;:null}"></div><p><strong>The AI does the extraction and mapping. The user gets to verify in a format they trust.</strong></p><div><hr></div><h2>6. Inline editing changes the whole feedback loop</h2><p>The frustration of iterating on AI output isn&#8217;t just about quality; it&#8217;s about the interaction model.</p><p>Going back to the chat, rewriting your prompt, waiting for a new response, reading through the whole thing again... it breaks the flow.</p><p>Lovable introduced something that changed how I think about this: <strong>not just a chat, but direct in-context editing of generated components.</strong></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!-iJ1!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!-iJ1!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png 424w, https://substackcdn.com/image/fetch/$s_!-iJ1!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png 848w, https://substackcdn.com/image/fetch/$s_!-iJ1!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png 1272w, https://substackcdn.com/image/fetch/$s_!-iJ1!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!-iJ1!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png" width="1456" height="814" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/c4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:814,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:503900,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/189553034?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!-iJ1!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png 424w, https://substackcdn.com/image/fetch/$s_!-iJ1!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png 848w, https://substackcdn.com/image/fetch/$s_!-iJ1!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png 1272w, https://substackcdn.com/image/fetch/$s_!-iJ1!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fc4a6f41a-ed85-4ba0-81fc-261036dfecd5_3600x2012.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>ChatGPT has moved in this direction too, with inline annotation tools. The result is a tighter loop between intention and output, and it feels fundamentally more like design and less like prompting.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!vSBU!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!vSBU!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png 424w, https://substackcdn.com/image/fetch/$s_!vSBU!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png 848w, https://substackcdn.com/image/fetch/$s_!vSBU!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png 1272w, https://substackcdn.com/image/fetch/$s_!vSBU!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!vSBU!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png" width="1456" height="964" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/da33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:964,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:469251,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/189553034?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!vSBU!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png 424w, https://substackcdn.com/image/fetch/$s_!vSBU!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png 848w, https://substackcdn.com/image/fetch/$s_!vSBU!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png 1272w, https://substackcdn.com/image/fetch/$s_!vSBU!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fda33640b-5ae6-4c9d-912a-fb8f5dd41b56_3028x2004.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><div><hr></div><h2>Where are we heading?</h2><p>The chat box won&#8217;t disappear, but I think we&#8217;ll look back at this era the way we look at early mobile apps that were just desktop websites made smaller. Technically functional, but missing the point of the medium.</p><p>These six patterns aren&#8217;t separate ideas. They&#8217;re all answers to the same question: <strong>how do you close the gap between what a model can do and what a user can ask for?</strong></p><p>The chat box opened the door. What we build around it is what determines whether users walk through.</p>]]></content:encoded></item><item><title><![CDATA[Designing workflow experiences for humans, not systems]]></title><description><![CDATA[Why traditional workflow systems fail outside technical-first domains]]></description><link>https://www.jonathancenteno.com/p/designing-workflow-experiences-for</link><guid isPermaLink="false">https://www.jonathancenteno.com/p/designing-workflow-experiences-for</guid><dc:creator><![CDATA[Jonathan]]></dc:creator><pubDate>Tue, 10 Feb 2026 09:02:05 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/c17870ff-88d0-449e-86fb-31d6e5bd7bed_4800x3400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>If you&#8217;ve been building software for the last 20 years, you&#8217;ve definitely heard about workflows.</p><p>They&#8217;re usually described as a way to move from a set of inputs to an outcome: trigger something, evaluate conditions, execute actions.</p><p>With AI, workflows are having a comeback moment. They reduce hallucinations by constraining models into deterministic paths.</p><p>But this post isn&#8217;t about AI workflows. I&#8217;ll leave that for another time.</p><p><strong>Because the truth is this: workflows have existed for decades, and we still struggle to design them well.</strong></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Pyei!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Pyei!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png 424w, https://substackcdn.com/image/fetch/$s_!Pyei!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png 848w, https://substackcdn.com/image/fetch/$s_!Pyei!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png 1272w, https://substackcdn.com/image/fetch/$s_!Pyei!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Pyei!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png" width="1456" height="1031" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1031,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:347054,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Pyei!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png 424w, https://substackcdn.com/image/fetch/$s_!Pyei!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png 848w, https://substackcdn.com/image/fetch/$s_!Pyei!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png 1272w, https://substackcdn.com/image/fetch/$s_!Pyei!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F63fc9f30-6a28-4192-a5c2-a6b6b211df10_4800x3400.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><h3>The classic workflow abstraction</h3><p>From a system point of view, workflows are built from three blocks:</p><ul><li><p><strong>Triggers</strong>: the event that starts the workflow</p></li><li><p><strong>Conditions</strong>: rules that split logic into different paths</p></li><li><p><strong>Actions</strong>: what happens as a result</p></li></ul><p>This abstraction has spread everywhere: CRMs like HubSpot or Attio, automation tools like n8n or Retool, and internal platforms like Intercom.</p><p>And for good reason.</p><p><strong>Workflows are flexible, powerful, and let users customize software without engineering help. You expose a few building blocks and let users assemble what they need.</strong></p><p>So why do they feel so painful in practice?</p><div><hr></div><h3>The hidden cost of workflows</h3><p>After working with workflows across multiple products, the downsides repeat themselves.</p><ol><li><p><strong>Maintenance debt:</strong> As platforms evolve, workflows silently break. Only the creator knows why something exists or what it depends on.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!XnlN!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!XnlN!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png 424w, https://substackcdn.com/image/fetch/$s_!XnlN!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png 848w, https://substackcdn.com/image/fetch/$s_!XnlN!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png 1272w, https://substackcdn.com/image/fetch/$s_!XnlN!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!XnlN!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png" width="760" height="345" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a49edc21-7165-46c7-95d3-186e5002a592_760x345.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:345,&quot;width&quot;:760,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:148950,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!XnlN!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png 424w, https://substackcdn.com/image/fetch/$s_!XnlN!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png 848w, https://substackcdn.com/image/fetch/$s_!XnlN!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png 1272w, https://substackcdn.com/image/fetch/$s_!XnlN!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa49edc21-7165-46c7-95d3-186e5002a592_760x345.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption">In this example from HubSpot, there&#8217;s no way to understand at a glance what those 60 workflows are doing.</figcaption></figure></div></li><li><p><strong>Conflicts:</strong> Multiple workflows can react to the same trigger and undo each other&#8217;s actions. Powerful, but dangerous.</p></li><li><p><strong>Learning and sharing:</strong> Once you have dozens of workflows, understanding the system becomes nearly impossible without heavy documentation.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!LVla!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!LVla!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png 424w, https://substackcdn.com/image/fetch/$s_!LVla!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png 848w, https://substackcdn.com/image/fetch/$s_!LVla!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png 1272w, https://substackcdn.com/image/fetch/$s_!LVla!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!LVla!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png" width="1456" height="902" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/bda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:902,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:102206,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!LVla!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png 424w, https://substackcdn.com/image/fetch/$s_!LVla!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png 848w, https://substackcdn.com/image/fetch/$s_!LVla!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png 1272w, https://substackcdn.com/image/fetch/$s_!LVla!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbda2aeba-d141-4a69-8edf-557cdf313a62_1565x970.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a><figcaption class="image-caption"></figcaption></figure></div></li><li><p><strong>Experience:</strong> Large diagrams don&#8217;t scale. Navigation becomes harder than reasoning about logic.</p></li></ol><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!FR1A!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!FR1A!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png 424w, https://substackcdn.com/image/fetch/$s_!FR1A!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png 848w, https://substackcdn.com/image/fetch/$s_!FR1A!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png 1272w, https://substackcdn.com/image/fetch/$s_!FR1A!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!FR1A!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png" width="640" height="450" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:450,&quot;width&quot;:640,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:95494,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!FR1A!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png 424w, https://substackcdn.com/image/fetch/$s_!FR1A!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png 848w, https://substackcdn.com/image/fetch/$s_!FR1A!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png 1272w, https://substackcdn.com/image/fetch/$s_!FR1A!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7dfa1b25-a89c-47e8-9a1c-69dd5af39742_640x450.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>Despite this, if you look for references, the main experience is more or less the same.</p><div><hr></div><h3>Our first workflow system at Factorial (2020)</h3><p>At Factorial, we shipped our first workflow system in 2020.</p><p>The goal was simple: allow companies to customize the platform, starting with notifications.</p><p>If we could nail this, we believed we could later extend it to any company process.</p><p>The flow was standard:</p><ol><li><p><strong>Choose a trigger</strong></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!nWV3!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!nWV3!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png 424w, https://substackcdn.com/image/fetch/$s_!nWV3!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png 848w, https://substackcdn.com/image/fetch/$s_!nWV3!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png 1272w, https://substackcdn.com/image/fetch/$s_!nWV3!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!nWV3!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png" width="1456" height="812" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:812,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:757296,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!nWV3!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png 424w, https://substackcdn.com/image/fetch/$s_!nWV3!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png 848w, https://substackcdn.com/image/fetch/$s_!nWV3!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png 1272w, https://substackcdn.com/image/fetch/$s_!nWV3!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7d5b09d6-ba88-47a8-806d-207adfd4ea91_3600x2008.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div></li><li><p><strong>Set conditions</strong></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Xehp!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Xehp!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png 424w, https://substackcdn.com/image/fetch/$s_!Xehp!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png 848w, https://substackcdn.com/image/fetch/$s_!Xehp!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png 1272w, https://substackcdn.com/image/fetch/$s_!Xehp!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Xehp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png" width="1456" height="812" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:812,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:476369,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Xehp!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png 424w, https://substackcdn.com/image/fetch/$s_!Xehp!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png 848w, https://substackcdn.com/image/fetch/$s_!Xehp!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png 1272w, https://substackcdn.com/image/fetch/$s_!Xehp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F62e57003-a04e-418a-b49a-908d91582cbe_3600x2008.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div></li><li><p><strong>Select a notification</strong></p></li></ol><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!QiGF!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!QiGF!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png 424w, https://substackcdn.com/image/fetch/$s_!QiGF!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png 848w, https://substackcdn.com/image/fetch/$s_!QiGF!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png 1272w, https://substackcdn.com/image/fetch/$s_!QiGF!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!QiGF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png" width="1456" height="813" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:813,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:545495,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!QiGF!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png 424w, https://substackcdn.com/image/fetch/$s_!QiGF!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png 848w, https://substackcdn.com/image/fetch/$s_!QiGF!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png 1272w, https://substackcdn.com/image/fetch/$s_!QiGF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6866eeaa-9787-41c3-a65f-479623b83990_3598x2010.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>We validated the idea with a Figma prototype.</p><p>The prototype showed a very straightforward scenario:</p><blockquote><p><em>Create a notification for a recruiter when a new candidate enters the ATS.</em></p></blockquote><p>The validation felt smooth, and users completed the task. We moved forward.</p><p><strong>We were excited, and so were our investors. There was a strong belief that if this system worked for notifications, it could become the foundation for the entire HR platform.</strong></p><p>We shipped.</p><p>And almost immediately, we realized we had failed.</p><div><hr></div><h3>Where the mental model broke</h3><p>HR users knew exactly what they wanted:</p><blockquote><p><em>I want to notify Legal when a contract is signed.</em></p></blockquote><p>But the system forced them to think like this:</p><ol><li><p><strong>Trigger:</strong> document signed</p></li><li><p><strong>Condition:</strong> document is a contract</p></li><li><p><strong>Action:</strong> notify Legal</p></li></ol><p>Their mental model was the inverse:</p><ol><li><p>Send notification</p></li><li><p>to Legal</p></li><li><p>when a contract is signed</p></li></ol><p>Same logic. Completely different experience.</p><p>What looked obvious in a guided prototype became confusing in a real, unprotected environment.</p><p>The feature worked, but only with training and onboarding.</p><p>We shipped the system in 2020, and we stopped developing it shortly after.</p><div><hr></div><h3>Five years later: procurement</h3><p>In 2025, workflows resurfaced when we started building our Procurement product.</p><p>Procurement defines how companies structure their purchase processes.</p><p>When the word &#8220;workflows&#8221; appeared again, I was concerned. Our 2020 experience was still very present.</p><p>But after discovery work, we reached a different conclusion: <strong>the traditional diagram-based system was the industry standard in Finance. Big players were already using this approach.</strong></p><p>This time, we validated differently.</p><p>Instead of a narrow task, we built a fully clickable prototype where users could recreate one of their <em>real</em> purchase processes.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!kPjO!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!kPjO!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png 424w, https://substackcdn.com/image/fetch/$s_!kPjO!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png 848w, https://substackcdn.com/image/fetch/$s_!kPjO!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png 1272w, https://substackcdn.com/image/fetch/$s_!kPjO!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!kPjO!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png" width="1456" height="811" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:811,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:432446,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!kPjO!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png 424w, https://substackcdn.com/image/fetch/$s_!kPjO!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png 848w, https://substackcdn.com/image/fetch/$s_!kPjO!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png 1272w, https://substackcdn.com/image/fetch/$s_!kPjO!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F7cdd89c6-6922-4ebc-bd87-ea77d4d07b3f_3600x2006.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>No scripts. No happy paths. Just their reality.</p><p>Surprisingly, users had very few problems navigating the interface and building their flows.</p><p><strong>That&#8217;s when the insight landed: Finance users have a different mental model.</strong></p><p>They are used to thinking in processes, steps, and diagrams. Many finance tools already expose similar visualizations.</p><p>Same abstraction. Different audience. Completely different outcome.</p><div><hr></div><h3>Designing the procurement workflows with restraint</h3><p>Even knowing diagrams worked better here, we avoided building a fully generic system.</p><p>We simplified aggressively in two ways:</p><ol><li><p><strong>Trigger and first step as defaults:</strong> When creating a workflow, users start by selecting the purchase category. The first step is always configuring a form, a predefined template with mandatory data.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!NiA0!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!NiA0!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png 424w, https://substackcdn.com/image/fetch/$s_!NiA0!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png 848w, https://substackcdn.com/image/fetch/$s_!NiA0!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png 1272w, https://substackcdn.com/image/fetch/$s_!NiA0!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!NiA0!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png" width="1456" height="947" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/aed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:947,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:716646,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!NiA0!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png 424w, https://substackcdn.com/image/fetch/$s_!NiA0!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png 848w, https://substackcdn.com/image/fetch/$s_!NiA0!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png 1272w, https://substackcdn.com/image/fetch/$s_!NiA0!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Faed15cd0-cc3a-4de8-9dbe-4b31189b1701_3156x2052.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div></li><li><p><strong>Linear vs. parallel tasks:</strong> Instead of branching diagrams endlessly, parallel tasks live inside a single step.</p></li></ol><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!D85o!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!D85o!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png 424w, https://substackcdn.com/image/fetch/$s_!D85o!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png 848w, https://substackcdn.com/image/fetch/$s_!D85o!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png 1272w, https://substackcdn.com/image/fetch/$s_!D85o!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!D85o!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png" width="1456" height="1035" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/f4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1035,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:433757,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!D85o!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png 424w, https://substackcdn.com/image/fetch/$s_!D85o!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png 848w, https://substackcdn.com/image/fetch/$s_!D85o!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png 1272w, https://substackcdn.com/image/fetch/$s_!D85o!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Ff4f04dfe-1612-4516-9600-1e6d5083d091_2880x2048.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>The system stayed powerful without turning into a visual maze.</p><div><hr></div><h3>Onboarding: the same abstraction fails again</h3><p>A few months later, we started a new product: employee onboarding.</p><p>We had already invested heavily in procurement, so we reused the same workflow engine and interface.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!6hHG!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!6hHG!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png 424w, https://substackcdn.com/image/fetch/$s_!6hHG!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png 848w, https://substackcdn.com/image/fetch/$s_!6hHG!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png 1272w, https://substackcdn.com/image/fetch/$s_!6hHG!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!6hHG!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png" width="1456" height="7113" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:7113,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1366842,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!6hHG!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png 424w, https://substackcdn.com/image/fetch/$s_!6hHG!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png 848w, https://substackcdn.com/image/fetch/$s_!6hHG!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png 1272w, https://substackcdn.com/image/fetch/$s_!6hHG!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F2621e04a-8bb7-400d-bfa8-6e0634316462_2880x14070.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><strong>History repeated itself: HR users struggled again and the experience didn&#8217;t scale. </strong></p><p>The same issues surfaced:</p><ul><li><p>Hard to understand what&#8217;s happening</p></li><li><p>Hard to manage conflicts</p></li><li><p>Massive horizontal and vertical scrolling</p></li></ul><p>The abstraction was solid. The experience wasn&#8217;t.</p><div><hr></div><h3>Changing the model, not the engine</h3><p>This time, we didn&#8217;t touch the technical foundation.</p><p>We changed the mental model.</p><ol><li><p>The trigger was hidden; it never changed</p></li><li><p>Date conditions were embedded into navigation</p></li><li><p>Users built actions as a simple timeline</p></li></ol><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!q2Au!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!q2Au!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png 424w, https://substackcdn.com/image/fetch/$s_!q2Au!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png 848w, https://substackcdn.com/image/fetch/$s_!q2Au!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png 1272w, https://substackcdn.com/image/fetch/$s_!q2Au!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!q2Au!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png" width="1456" height="911" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:911,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:356009,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!q2Au!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png 424w, https://substackcdn.com/image/fetch/$s_!q2Au!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png 848w, https://substackcdn.com/image/fetch/$s_!q2Au!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png 1272w, https://substackcdn.com/image/fetch/$s_!q2Au!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F73ab2adf-a350-4266-95fb-a9e77d4a71be_2880x1802.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>But what about conditions?</p><p>Conditions didn&#8217;t behave like in Procurement. Most onboarding flows are identical, with small variations depending on the employee&#8217;s location, role, or contract type, but the main structure stays the same.</p><p><strong>So instead of letting conditions split the workflow, we embedded them </strong><em><strong>inside</strong></em><strong> tasks.</strong></p><p>A task could say:</p><ul><li><p>Execute only if role = Engineer</p></li><li><p>Skip if workplace = Remote</p></li><li><p>Change owner if contract = Freelancer</p></li></ul><p>The workflow stayed linear, and the variability became local.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!GY1n!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!GY1n!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png 424w, https://substackcdn.com/image/fetch/$s_!GY1n!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png 848w, https://substackcdn.com/image/fetch/$s_!GY1n!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png 1272w, https://substackcdn.com/image/fetch/$s_!GY1n!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!GY1n!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png" width="1456" height="1193" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/d1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1193,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:526253,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!GY1n!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png 424w, https://substackcdn.com/image/fetch/$s_!GY1n!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png 848w, https://substackcdn.com/image/fetch/$s_!GY1n!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png 1272w, https://substackcdn.com/image/fetch/$s_!GY1n!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd1ad6174-f623-4b90-aea8-f5db6ec96506_2880x2360.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>For HR users, it became a no-brainer.</p><div><hr></div><h3>Builder &#8800; runtime</h3><p>One last lesson.</p><p>The interface for building workflows should not be the same as the interface for following them.</p><p>Admins need structure.</p><p>Employees and requesters need clarity.</p><p>We separated the two experiences:</p><ul><li><p><strong>Kanban-style overviews for owners</strong></p></li></ul><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!dBBF!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!dBBF!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png 424w, https://substackcdn.com/image/fetch/$s_!dBBF!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png 848w, https://substackcdn.com/image/fetch/$s_!dBBF!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png 1272w, https://substackcdn.com/image/fetch/$s_!dBBF!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!dBBF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png" width="1456" height="911" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/bcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:911,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:482880,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!dBBF!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png 424w, https://substackcdn.com/image/fetch/$s_!dBBF!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png 848w, https://substackcdn.com/image/fetch/$s_!dBBF!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png 1272w, https://substackcdn.com/image/fetch/$s_!dBBF!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbcb8b558-4d3d-4a28-ab9c-41365bd509df_2880x1802.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><ul><li><p><strong>Simple task timelines for participants</strong></p></li></ul><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!znna!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!znna!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png 424w, https://substackcdn.com/image/fetch/$s_!znna!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png 848w, https://substackcdn.com/image/fetch/$s_!znna!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png 1272w, https://substackcdn.com/image/fetch/$s_!znna!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!znna!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png" width="1456" height="1181" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1181,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:440723,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/187309373?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!znna!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png 424w, https://substackcdn.com/image/fetch/$s_!znna!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png 848w, https://substackcdn.com/image/fetch/$s_!znna!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png 1272w, https://substackcdn.com/image/fetch/$s_!znna!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F02008a4d-90d8-4749-88fd-50ca6534a8cd_2880x2336.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>No triggers. No conditions. Just what&#8217;s next.</p><h3>Conclusions</h3><p>After five years, three products, and a few expensive mistakes, these principles held:</p><ol><li><p><strong>Abstractions are never neutral:</strong> Triggers, conditions, and actions encode a way of thinking. When it doesn&#8217;t match your users&#8217;, friction is inevitable.</p></li><li><p><strong>Mental models beat industry standards:</strong> Diagrams worked for Finance and failed for HR. Copying the market is easy. Designing for how people think is harder and far more effective.</p></li><li><p><strong>Localize complexity:</strong> If variation is local, keep it local. Global branching is often a design smell.</p></li><li><p><strong>One engine doesn&#8217;t mean one interface</strong></p><p>Reuse foundations, not experiences.</p></li><li><p><strong>Restraint is a design skill</strong></p><p>Power doesn&#8217;t come from exposing everything. It comes from hiding the right things.</p></li></ol><p>Workflows won&#8217;t disappear, and we should stop pretending that one abstraction fits everyone.</p>]]></content:encoded></item><item><title><![CDATA[How we designed a product from 0 to 1M€ in 90 days]]></title><description><![CDATA[How design became the engine behind alignment, clarity, and &#8364;1M in early revenue.]]></description><link>https://www.jonathancenteno.com/p/how-we-designed-a-product-from-0</link><guid isPermaLink="false">https://www.jonathancenteno.com/p/how-we-designed-a-product-from-0</guid><dc:creator><![CDATA[Jonathan]]></dc:creator><pubDate>Wed, 10 Dec 2025 10:01:38 GMT</pubDate><enclosure url="https://substackcdn.com/image/fetch/$s_!gtbp!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>No, it&#8217;s not clickbait: we took a brand-new compensation product from launch to &#8364;1M in less than three months.</p><p>No growth hacks, no shortcuts.</p><p><strong>Just a cross-functional team working with extreme clarity, with design acting not as the last step, but as the engine that aligned problems, systems, teams, and decisions.</strong></p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!gtbp!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!gtbp!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png 424w, https://substackcdn.com/image/fetch/$s_!gtbp!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png 848w, https://substackcdn.com/image/fetch/$s_!gtbp!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png 1272w, https://substackcdn.com/image/fetch/$s_!gtbp!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!gtbp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png" width="1456" height="1031" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/ce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1031,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1833365,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/181184116?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!gtbp!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png 424w, https://substackcdn.com/image/fetch/$s_!gtbp!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png 848w, https://substackcdn.com/image/fetch/$s_!gtbp!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png 1272w, https://substackcdn.com/image/fetch/$s_!gtbp!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fce8b0ac8-4b6e-43f3-b161-afd1b683cb2e_4800x3400.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><div><hr></div><h1>Context about Factorial</h1><p>At Factorial, we build tools that help companies run their day-to-day business across people, cash, and compliance.</p><p>Each new product is built by a dedicated team of engineers, designers, and product managers.</p><p><strong>We invest around &#8364;0.5M per team, expecting that investment to double within a year.</strong></p><p>Ambitious, yes, but repeatable.</p><p>And one reason it works is that design isn&#8217;t waiting for tickets. <strong>Designers shape the problem from day zero: discovering root causes, framing systems, envisioning solutions, and helping the whole team decide what matters.</strong></p><div><hr></div><h1>Our last accomplishment: from 0 to 1 in 90 days</h1><p>Employee compensation (Payroll) is one of the most painful processes for any company, and one we&#8217;d been trying to solve for years. But after multiple iterations built on top of an aging, complex system, we reached a point where progress meant starting over.</p><p>So last year, we rebooted the product completely.</p><p><strong>Less than nine months later, the new version not only launched, but it also became the fastest-growing product in Factorial&#8217;s history.</strong></p><p>Looking back, a few core practices made that outcome possible.</p><p><strong>Here are the 7 keys that helped us build a product from 0 to 1M&#8364; in just 90 days:</strong></p><div><hr></div><h2>1. Looking beyond the obvious pains from different perspectives</h2><p>Every problem has a champion: the person who feels the pain first-hand and would gladly pay to reduce errors and save time.</p><p>For employee compensation, the champion was the HR admin.</p><p><strong>But problems rarely come from a single source.</strong></p><p>For years, while trying to solve payroll, we assumed the main issue was the <em>calculation process.</em> Most visible errors came from there, so we tried to fix that.</p><p><strong>Once we started asking better questions and talking with other stakeholders, we realized calculation was just a symptom.</strong></p><p>Here, design played a key role: instead of stopping at the obvious pain point, we used user research and stakeholder mapping to expand the picture. We spoke not only with HR admins, but also:</p><ol><li><p><strong>Managers:</strong> who in many companies calculate extra hours, bonuses, and variables manually. We discovered chaos and inconsistency in how they tracked compensation.</p></li><li><p><strong>External sources:</strong> like expenses, benefits, and payroll calculation tools.</p></li><li><p><strong>Bookkeepers:</strong> responsible for calculations, working with very manual, error-prone processes.</p></li><li><p><strong>Finance teams:</strong> who manage payments and forecasts, and often detect errors caused by all the previous steps.</p></li><li><p><strong>Employees:</strong> who mostly don&#8217;t understand their payslip, and report &#8220;errors&#8221; that are actually tax nuances.</p></li></ol><p>In this discovery work, ensure you:</p><ul><li><p>Frame the right questions</p></li><li><p>Connect perspectives</p></li><li><p>Go from symptoms to root causes</p></li><li><p>Turn messy stories into a clear problem space</p></li></ul><div><hr></div><h2>2. Shadowing customers like it was our first day on the job</h2><p>Forget research playbooks that say a script is the most important thing.</p><p><strong>Scripts are useful, but they also limit your ability to react. It&#8217;s easy to bias a script around your assumptions and miss what&#8217;s really happening.</strong></p><p>I always give my designers the same <em>prompt</em>:</p><blockquote><p>Go to the interview as if this is your job, and the person in front of you is doing a hand-off of their work. If you don&#8217;t understand it well enough to do it tomorrow, you&#8217;re out.</p></blockquote><p><strong>This mindset shift brings you from generic, high-level questions to end-to-end understanding.</strong></p><p>In payroll, this helped us see:</p><ul><li><p>How complex it was for some companies to track and calculate compensation across multiple tools</p></li><li><p>How HR admins had no way to know if managers&#8217; calculations were correct</p></li><li><p>How painful communication with bookkeepers was, including email chains of 50+ messages for a single month</p></li><li><p>How disconnected HR and Finance teams often are.</p></li></ul><p>So, your next customer interview, instead of investing hours in a rigid script, ask users to:</p><ul><li><p>Walk you through their entire process</p></li><li><p>Share their spreadsheets (yes, everyone has a spreadsheet)</p></li><li><p>Show real examples</p></li><li><p>Expose the tools, hacks, and workarounds they use</p></li></ul><div><hr></div><h2>3. Mapping the entire problem before anything else</h2><p>The most human (and very designer) reaction is:</p><blockquote><p>I see the problem, let&#8217;s design the solution.</p></blockquote><p>Stop.</p><p>One of the biggest mistakes we made in the past 7 years was treating each pain point in isolation and designing local fixes. <strong>That&#8217;s how you end up with patches, not products.</strong></p><p>This time, we mapped the entire system:</p><ul><li><p>from managers tracking extra hours and variables</p></li><li><p>to HR consolidating information</p></li><li><p>to bookkeepers calculating payroll</p></li><li><p>to finance managing costs and payments</p></li><li><p>to employees reacting to their payslips</p></li></ul><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!5CCL!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!5CCL!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png 424w, https://substackcdn.com/image/fetch/$s_!5CCL!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png 848w, https://substackcdn.com/image/fetch/$s_!5CCL!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png 1272w, https://substackcdn.com/image/fetch/$s_!5CCL!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!5CCL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png" width="1456" height="595" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/a6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:595,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:179027,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/181184116?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!5CCL!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png 424w, https://substackcdn.com/image/fetch/$s_!5CCL!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png 848w, https://substackcdn.com/image/fetch/$s_!5CCL!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png 1272w, https://substackcdn.com/image/fetch/$s_!5CCL!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa6486de8-71ef-461b-a58b-0ef0b79c7a74_3308x1352.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p><strong>With this map in mind, you stop designing features and start designing systems.</strong></p><p>We often think &#8220;system&#8221; = design system.</p><p>But think about your home: electricity isn&#8217;t just a solution for your bathroom. It&#8217;s a connected system that powers the entire house.</p><p>Compensation works the same way inside a company, and so do most problems.</p><div><hr></div><h2>4. Exploring the end-to-end solution before defining the MVP</h2><p>This is where designers have superpowers.</p><p>Our value is in connecting the dots to envision a simplified, end-to-end solution that actually solves the root problems.</p><p>Before jumping into an MVP, we forced ourselves to answer:</p><blockquote><p><em>If we had all the time and resources, how would we solve this end-to-end?</em></p></blockquote><p>We started with diagrams: identifying the different pieces we&#8217;d need to assemble to solve the real system, not just one screen or one step.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!yo1h!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!yo1h!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png 424w, https://substackcdn.com/image/fetch/$s_!yo1h!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png 848w, https://substackcdn.com/image/fetch/$s_!yo1h!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png 1272w, https://substackcdn.com/image/fetch/$s_!yo1h!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!yo1h!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png" width="1456" height="738" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:738,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:505918,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/181184116?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!yo1h!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png 424w, https://substackcdn.com/image/fetch/$s_!yo1h!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png 848w, https://substackcdn.com/image/fetch/$s_!yo1h!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png 1272w, https://substackcdn.com/image/fetch/$s_!yo1h!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F69790766-2a99-44f7-967d-f908f934a58c_3470x1760.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>In each iteration, we tried to:</p><ol><li><p><strong>Simplify the system</strong>, keeping fewer, more powerful pieces.</p></li><li><p><strong>Ensure we were still solving the root problems,</strong> not just trimming complexity for the sake of elegance.</p></li></ol><p><strong>Design led this work, but it was a cross-functional exercise: PMs, engineers, and other stakeholders stress-tested the model.</strong> The diagrams showed that many pains were more connected than we thought, and that a single piece could remove friction for several users at once.</p><div><hr></div><h2>5. Visualizing the future early to align the team</h2><p><strong>Diagrams are great for reasoning, but people need to see the product.</strong></p><p>We started creating Lovables to turn those diagrams into something more tangible: not final designs, but clear, visual stories of the future product.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!nyOe!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!nyOe!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png 424w, https://substackcdn.com/image/fetch/$s_!nyOe!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png 848w, https://substackcdn.com/image/fetch/$s_!nyOe!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png 1272w, https://substackcdn.com/image/fetch/$s_!nyOe!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!nyOe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png" width="1456" height="770" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:770,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:483345,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/181184116?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!nyOe!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png 424w, https://substackcdn.com/image/fetch/$s_!nyOe!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png 848w, https://substackcdn.com/image/fetch/$s_!nyOe!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png 1272w, https://substackcdn.com/image/fetch/$s_!nyOe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F725bfd4b-e465-4e5c-8817-4aa44ed9f7e6_3538x1872.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>This helped:</p><ul><li><p>Align the team around a shared vision</p></li><li><p>Make it easier for non-designers to contribute</p></li><li><p>Trigger more concrete feedback and ideas from PMs and engineers</p></li></ul><p>Once everyone could see potential interfaces, the conversation changed. Everyone can react to a UI.</p><p><strong>Diagramming systems may be for a subset of the team; visualizing workflows through interfaces is for everyone.</strong></p><p>When we had enough clarity, we moved from Lovables to more realistic flows in Figma.</p><p>Lovable wasn&#8217;t as powerful back then as it is today, but using it pushed us to imagine the solution inside Factorial, integrated with our existing products and flows.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!QKLe!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!QKLe!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png 424w, https://substackcdn.com/image/fetch/$s_!QKLe!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png 848w, https://substackcdn.com/image/fetch/$s_!QKLe!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png 1272w, https://substackcdn.com/image/fetch/$s_!QKLe!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!QKLe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png" width="1456" height="794" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:794,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:835314,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/181184116?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!QKLe!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png 424w, https://substackcdn.com/image/fetch/$s_!QKLe!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png 848w, https://substackcdn.com/image/fetch/$s_!QKLe!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png 1272w, https://substackcdn.com/image/fetch/$s_!QKLe!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F815676ab-2044-47b5-841d-b0f51b319624_2932x1598.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><div><hr></div><h2>6. Shaping an MVP that solved something real</h2><p>I&#8217;m old-school: MVP still means Minimum Valuable Product to me.</p><p>That means:</p><ul><li><p>A well-crafted experience</p></li><li><p>Limited functionality</p></li><li><p>Solving a meaningful problem</p></li><li><p>Ready to sell</p></li></ul><p><strong>Over the years, MVP has been downgraded to </strong><em><strong>ship something shitty and random</strong></em><strong>.</strong></p><p>Also, when shaping our first MVP, we avoided a few traps:</p><ol><li><p><strong>Foundations-only MVPs:</strong> Foundations are important, but they don&#8217;t solve a problem by themselves. An MVP has to solve something concrete from day one. Design helped keep us honest: if a customer can&#8217;t feel the value, it&#8217;s not an MVP.</p></li><li><p><strong>Only solving the biggest visible problem:</strong> Solving just the biggest problem isn&#8217;t enough when the experience is end-to-end. Instead, we chose to cover a thin slice across the whole journey: not perfect anywhere, but significantly better overall.</p></li><li><p><strong>Designing for everyone (Global ICP):</strong> It&#8217;s almost impossible to design a good MVP for <em>everyone</em> on day one. We narrowed our ICP to companies where we could create value quickly.</p></li></ol><p>For compensation, our MVP focused on Spanish and German companies with around 100 employees.</p><p>The solution covered a bit of each pain along the journey: managers&#8217; data, bookkeeper communication, error tracking, and tools connectivity.</p><p>Design&#8217;s role here was to prioritize flows, not features.</p><div><hr></div><h2>7. Start selling before we&#8217;re done building</h2><p>The only real validation is simple:</p><blockquote><p>Are people willing to pay?</p></blockquote><p><strong>We started selling our Lovables and first vision before having the product.</strong></p><p><strong>We didn&#8217;t ask &#8220;Do you like it?&#8221; or &#8220;What do you think?&#8221;</strong></p><p>Instead, we:</p><ul><li><p>Placed customers in real scenarios from their own company</p></li><li><p>Walked through their actual process</p></li><li><p>Measured if we could save time, reduce errors, and cut costs</p></li></ul><p><strong>The answer was clear: some customers were ready to buy even before the product existed.</strong></p><p>Here&#8217;s what worked for us:</p><ol><li><p><strong>Don&#8217;t wait for a finished product to sell.</strong> Sell the vision and the path there.</p></li><li><p><strong>Avoid vanity metrics early on.</strong> NPS, CSAT, or usage patterns come later. Early on, focus on: time saved, errors reduced, money saved.</p></li><li><p><strong>Use realistic prototypes.</strong> Lovable, Figma, or any AI tool, but make it feel real enough for users to imagine using it tomorrow.</p></li><li><p><strong>Ask about outcomes, not opinions.</strong> Skip &#8220;What do you think?&#8221; and ask:</p><ul><li><p>How much time would this save you?</p></li><li><p>How many errors would this avoid?</p></li><li><p>What would this mean in cost?</p></li></ul></li></ol><p>Design here becomes a sales asset: good prototypes and clear flows make it easier for sales and product teams to have serious, outcome-driven conversations.</p><div><hr></div><h2>Conclusion</h2><p><strong>Taking a product from 0 to &#8364;1M in a few months is not about luck.</strong></p><p>It&#8217;s about:</p><ul><li><p>identifying the right problems, not just the symptoms</p></li><li><p>understanding the full system around those problems</p></li><li><p>envisioning an end-to-end solution</p></li><li><p>shaping a focused, sellable MVP</p></li><li><p>and validating value with real customers as early as possible</p></li></ul><p>Of course, there are other key factors at play, like market size, how painful the problem is, or how many competitors you&#8217;re up against.</p><p><strong>However, in all of this, design is not decoration; design is how we:</strong></p><ul><li><p>discover the real work users do</p></li><li><p>turn chaos into clear maps</p></li><li><p>imagine better systems</p></li><li><p>make them tangible through prototypes</p></li><li><p>and help the whole team pull in the same direction.</p></li></ul><p>Without design, problems stay as symptoms, and solutions stay as features.</p><p><strong>With design, a cross-functional team has a shared language to build products that actually move the needle.</strong></p><p>If you look at your current product, where would letting design lead <em>earlier</em> have made the biggest difference in going from 0 to 1?</p>]]></content:encoded></item><item><title><![CDATA[The practical guide to prototyping with AI]]></title><description><![CDATA[How to integrate AI into your design workflow and get real value from it, using the same tips we rely on at Factorial.]]></description><link>https://www.jonathancenteno.com/p/the-practical-guide-to-prototyping</link><guid isPermaLink="false">https://www.jonathancenteno.com/p/the-practical-guide-to-prototyping</guid><dc:creator><![CDATA[Jonathan]]></dc:creator><pubDate>Wed, 26 Nov 2025 10:22:30 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/21b37488-6a61-4659-8a8a-a64a53720cdd_2400x1700.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!MGeV!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!MGeV!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png 424w, https://substackcdn.com/image/fetch/$s_!MGeV!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png 848w, https://substackcdn.com/image/fetch/$s_!MGeV!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png 1272w, https://substackcdn.com/image/fetch/$s_!MGeV!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!MGeV!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png" width="1456" height="1031" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1031,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:2781700,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/180006692?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!MGeV!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png 424w, https://substackcdn.com/image/fetch/$s_!MGeV!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png 848w, https://substackcdn.com/image/fetch/$s_!MGeV!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png 1272w, https://substackcdn.com/image/fetch/$s_!MGeV!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8374d0fc-58e0-46a1-a6e3-2bdad2c12977_2400x1700.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><blockquote><p>This is a follow-up from my last post about why you should <strong><a href="https://www.jonathancenteno.com/p/stop-designing-like-5-years-ago">Stop designing like 5 years ago</a></strong>. If you haven&#8217;t read it, I recommend it (it&#8217;s a 5-minute read).</p></blockquote><p>When designers start using AI tools, they expect them to behave like senior product thinkers: drop in a random prompt, get a perfect feature.</p><p>When we introduced Lovable at Factorial, that illusion vanished quickly.</p><p>We weren&#8217;t getting bad results because Lovable was bad.</p><p><strong>We were getting bad results because we hadn&#8217;t given it the clarity it needed.</strong></p><p>AI doesn&#8217;t solve unknown problems. It solves the <em>described</em> problems.</p><p>Once we accepted that, everything changed.</p><div><hr></div><h1><strong>Why do designers struggle on day 1</strong></h1><p>AI tools are not Figma.</p><p>As designers, we need to adapt and change our mindset.</p><p>When you start using an AI tool, you should have these things clear in your mind:</p><ul><li><p><strong>It can&#8217;t define the problem for you.</strong> If you don&#8217;t clarify what you&#8217;re trying to solve, the tool will guess&#8230; and guess poorly.</p></li><li><p><strong>Vague instructions break everything.</strong> &#8220;Make this intuitive&#8221; or &#8220;fit all of this on one screen&#8221; is not direction: it&#8217;s confusion.</p></li><li><p><strong>It&#8217;s not a Figma replacement.</strong> Some tasks (polish, visual nuance, interaction details, error statuses) are still better done manually.</p></li><li><p><strong>It won&#8217;t reproduce your product perfectly.</strong> But &#8220;close enough&#8221; is usually more than enough for testing. Users don&#8217;t see the tiny inconsistencies designers obsess over.</p></li><li><p><strong>It depends on a structured context.</strong> Without clear goals, sections, flows, and vocabulary, outputs feel generic, fake, or irrelevant.</p></li></ul><p>After a few workshops and some proper guidelines, we stopped asking Lovable to think for us at Factorial&#8230; and started using it for what it&#8217;s great at: <strong>quick prototyping, rapid validation, and fast iteration.</strong></p><blockquote><p>&#128204; <strong>Note</strong><br>This guide is written with Lovable in mind, but 90% of it applies to any tool: v0, Lovable, Figma Make, Bolt, Magicpath, Base44, Galileo, etc. I might talk about the differences between them in the future.</p></blockquote><div><hr></div><h1>How to structure your first prompt</h1><p>Before you write a single screen, you need two things:</p><ul><li><p><strong>The problem you&#8217;re solving</strong>, clearly framed</p></li><li><p><strong>How do you expect to solve it</strong>, clearly described</p></li></ul><p>I break it down into three layers: <strong>foundations &#8594; sections &#8594; flows</strong>.</p><h2>1. Foundations: give the model a skeleton</h2><p>If your foundations are vague, everything that follows becomes harder. Focus on:</p><ol><li><p><strong>Context:</strong> What is your company, product, and problem? Explain it simply.</p></li><li><p><strong>Style:</strong> How should the app feel? Tone, identity, interaction patterns.</p></li><li><p><strong>Layout:</strong> What&#8217;s the global structure? Navigation, menu, main areas.</p></li></ol><p>Think of this as giving the tool the skeleton before asking it to build the body.</p><blockquote><p><a href="https://www.notion.so/factorialco/Factorial-example-prompts-2b75e6e051ee802b82d9d1d95527050f?source=copy_link#2b75e6e051ee807c8ae8cd0f9613b2a3">Example of the Foundations prompt we use at Factorial</a></p></blockquote><h2>2. Sections</h2><p>Once the foundations are in place, define your sections (pages, tabs, or side panels):</p><ol><li><p><strong>Context:</strong> What is the section for? What can users do?</p></li><li><p><strong>Structure:</strong> Layout elements like navigation, filters, tables, and cards.</p></li><li><p><strong>Components:</strong> Any specific details, e.g., a delete button with a bin icon.</p></li></ol><blockquote><p><a href="https://www.notion.so/factorialco/Factorial-example-prompts-2b75e6e051ee802b82d9d1d95527050f?source=copy_link#2b75e6e051ee80b9b0deef6554ac98b0">Example of section prompt for an HR dasboard</a></p></blockquote><h2>3. Flows</h2><p>Then, define how users move and act:</p><ul><li><p><strong>Context:</strong> What&#8217;s this action for, and where does it start?</p></li><li><p><strong>Structure:</strong> Modal, page, or step flow?</p></li><li><p><strong>Behavior:</strong> Steps, data, conditions, error states.</p></li><li><p><strong>Components:</strong> Which UI pieces are involved?</p></li></ul><p>Do this for the 1&#8211;3 most important flows first. Don&#8217;t start with edge cases.</p><blockquote><p><a href="https://www.notion.so/factorialco/Factorial-example-prompts-2b75e6e051ee802b82d9d1d95527050f?source=copy_link#2b75e6e051ee80c79dc7ded0261169c2">Example of a task revision flow.</a></p></blockquote><h2>Other tips</h2><ul><li><p><strong>Structure your ideas and flows before prompting:</strong> Lack of prep = wasted time.</p></li><li><p><strong>Use the vocabulary of design systems:</strong> Agents understand tokens, components, and even descriptive adjectives.</p></li><li><p><strong>Avoid too much granularity in early prompts:</strong> Start broad (layout, flows, main sections). Add details like spacing, font sizes, and pixel-perfect specs only once the basics are working.</p></li><li><p><strong>Write prompts yourself:</strong> Don&#8217;t rely on other agents to generate them. Once drafted, refine directly in ChatGPT; <em>specialized</em> agents often perform worse.</p></li><li><p><strong>Avoid long text blocks:</strong> Use bullet points, one requirement per line.</p></li><li><p><strong>Name everything:</strong> Label sections, flows, and components to make reuse easier. If something isn&#8217;t named, use the selection tool to query it.</p></li><li><p><strong>Write and prototype at the same time:</strong> LLMs can take some time to generate, so don&#8217;t wait until you&#8217;ve written everything. Start with sections and launch a prototype. While it&#8217;s building, keep writing flows and other sections.</p></li></ul><div><hr></div><h1>Setting the tool</h1><p>Before you paste your prompt, <strong>most AI tools let you set up instructions and memory to keep the model grounded and consistent.</strong></p><p>In Lovable, you can configure all of this directly in your project settings, including your product context, your design tokens, and the rules for how you expect the LLM to behave.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!Fmwj!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!Fmwj!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png 424w, https://substackcdn.com/image/fetch/$s_!Fmwj!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png 848w, https://substackcdn.com/image/fetch/$s_!Fmwj!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png 1272w, https://substackcdn.com/image/fetch/$s_!Fmwj!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!Fmwj!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png" width="1456" height="814" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:814,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:472183,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/180006692?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!Fmwj!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png 424w, https://substackcdn.com/image/fetch/$s_!Fmwj!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png 848w, https://substackcdn.com/image/fetch/$s_!Fmwj!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png 1272w, https://substackcdn.com/image/fetch/$s_!Fmwj!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F058d81c9-42df-40c4-ae6a-5240000df0f6_2908x1626.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p>This is where you teach the model your world:</p><ul><li><p>Company context</p></li><li><p>Your tokens</p></li><li><p>How do you expect the LLM to behave</p></li></ul><p>If you need to export tokens from Figma, the <a href="https://www.figma.com/community/plugin/1345069854741911632/figma-token-exporter">Figma Token Exporter</a> plugin makes it straightforward.</p><p><strong>The more you preload here, the less you&#8217;ll have to repeat later, and the more reliable your prototypes become.</strong></p><pre><code><strong>Basic instructions for the LLM</strong>
- Always prefer composing or configuring existing components over creating new ones.
- Search the existing component library before coding anything new.
- Only build new components if 1) There is no matching or adaptable component 2) Reuse would significantly reduce clarity or violate design or
- Suggest which existing component(s) to reuse whenever applicable.
- Use the correct props, slots, and structure.
- Do not extend components in a way that breaks encapsulation or styling consistency.
- If a request cannot be fulfilled without:
    - Violating design token usage
    - Rebuilding an existing component
    - Breaking component API
  Then:
    - Politely explain the issue.
    - Suggest either an existing alternative or a necessary update to the design system.</code></pre><div><hr></div><h1><strong>How to prototype without going insane?</strong></h1><p>Once your prompt and project are ready, don&#8217;t paste your entire brain into Lovable and hope for the best.</p><p>Work in small, controlled steps:</p><ol><li><p><strong>Add the first section</strong></p></li><li><p><strong>Fix anything broken or unexpected</strong></p></li><li><p><strong>Refine and polish</strong></p></li><li><p><strong>Add the next section or flow</strong></p></li><li><p><strong>Repeat until the project is complete</strong></p></li></ol><div><hr></div><h2><strong>Tips for prototyping</strong></h2><ul><li><p><strong>A good prompt is 90% of the work:</strong> If the first 2&#8211;3 iterations are poor when prototyping, stop patching, rewrite the prompt.</p></li><li><p><strong>Use LLM chat for longer prompts and to see how things are built:</strong> It&#8217;s also useful for brainstorming UI/UX ideas, testing different prompt structures, and asking about how certain things work to improve fixes and iterations.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!2mgQ!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!2mgQ!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png 424w, https://substackcdn.com/image/fetch/$s_!2mgQ!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png 848w, https://substackcdn.com/image/fetch/$s_!2mgQ!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png 1272w, https://substackcdn.com/image/fetch/$s_!2mgQ!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!2mgQ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png" width="850" height="272" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:272,&quot;width&quot;:850,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:42361,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/180006692?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!2mgQ!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png 424w, https://substackcdn.com/image/fetch/$s_!2mgQ!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png 848w, https://substackcdn.com/image/fetch/$s_!2mgQ!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png 1272w, https://substackcdn.com/image/fetch/$s_!2mgQ!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6e7ed9c5-b3ba-4c94-a678-38eee8531947_850x272.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div></li></ul><ul><li><p><strong>Be vocal about the tech stack.</strong> Define frameworks, technologies, and libraries. Knowing code helps you out.</p></li><li><p><strong>Export Figma components:</strong> You can use dev-mode to export Figma code by selecting a layer, going to <em>Layer properties</em> on the right sidebar, switching List for Code, and selecting the plugin <a href="https://www.figma.com/community/plugin/747985167520967365/builder-io-figma-to-code-ai-apps-react-vue-tailwind-etc">Figma to Code from Builder.io</a>. Copy the code there and paste it into Lovable; it helps.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!kYb4!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!kYb4!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png 424w, https://substackcdn.com/image/fetch/$s_!kYb4!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png 848w, https://substackcdn.com/image/fetch/$s_!kYb4!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png 1272w, https://substackcdn.com/image/fetch/$s_!kYb4!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!kYb4!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png" width="1456" height="911" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:911,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:526739,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/180006692?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!kYb4!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png 424w, https://substackcdn.com/image/fetch/$s_!kYb4!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png 848w, https://substackcdn.com/image/fetch/$s_!kYb4!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png 1272w, https://substackcdn.com/image/fetch/$s_!kYb4!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F08911f84-757d-4089-af95-d01bb16921ab_2308x1444.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div></li></ul><ul><li><p><strong>Be detailed when the time is right:</strong> Specify flows, positioning, states, and styles later in the process.</p></li><li><p><strong>Accompany explanations with visuals:</strong> A quick Figma sketch is often 10x clearer than text.</p></li><li><p><strong>Use version history:</strong> Roll back and re-prompt instead of endlessly fixing broken outputs.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!D8SK!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!D8SK!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png 424w, https://substackcdn.com/image/fetch/$s_!D8SK!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png 848w, https://substackcdn.com/image/fetch/$s_!D8SK!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png 1272w, https://substackcdn.com/image/fetch/$s_!D8SK!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!D8SK!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png" width="852" height="1034" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1034,&quot;width&quot;:852,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:134086,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/180006692?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!D8SK!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png 424w, https://substackcdn.com/image/fetch/$s_!D8SK!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png 848w, https://substackcdn.com/image/fetch/$s_!D8SK!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png 1272w, https://substackcdn.com/image/fetch/$s_!D8SK!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F23c65e18-9ce7-4dc8-b336-478ce5c9752a_852x1034.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div></li></ul><ul><li><p><strong>Render prototypes in device mockups:</strong> Ask Lovable to place designs in mobile or laptop frames for more realistic testing.</p></li><li><p><strong>Data architecture:</strong> When using a data structure across multiple pages with filters, groupings, or variations, define the structure upfront and give the LLM a data frame to work from. For more robust needs, consider pairing the prototype with a real database such as Supabase.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!dHev!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!dHev!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png 424w, https://substackcdn.com/image/fetch/$s_!dHev!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png 848w, https://substackcdn.com/image/fetch/$s_!dHev!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png 1272w, https://substackcdn.com/image/fetch/$s_!dHev!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!dHev!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png" width="1456" height="833" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:833,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:292113,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/180006692?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!dHev!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png 424w, https://substackcdn.com/image/fetch/$s_!dHev!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png 848w, https://substackcdn.com/image/fetch/$s_!dHev!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png 1272w, https://substackcdn.com/image/fetch/$s_!dHev!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F102e16fb-a7df-479d-82a4-c153f080e553_2764x1582.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div></li></ul><ul><li><p><strong>The edit tool is your friend.</strong> Use it to add specific details to a component, or to ask its name and how it was built so you can reuse it elsewhere in your prototype.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!37_t!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!37_t!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png 424w, https://substackcdn.com/image/fetch/$s_!37_t!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png 848w, https://substackcdn.com/image/fetch/$s_!37_t!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png 1272w, https://substackcdn.com/image/fetch/$s_!37_t!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!37_t!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png" width="1456" height="400" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:400,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:132852,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:true,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/180006692?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!37_t!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png 424w, https://substackcdn.com/image/fetch/$s_!37_t!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png 848w, https://substackcdn.com/image/fetch/$s_!37_t!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png 1272w, https://substackcdn.com/image/fetch/$s_!37_t!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9cfbed51-d61a-477f-9238-b5f2256c8b73_1738x478.png 1456w" sizes="100vw" loading="lazy"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div></li></ul><div><hr></div><h2><strong>Getting Stuck?</strong></h2><p>If AI isn&#8217;t giving you the results you want, don&#8217;t prompt with things like: <em>&#8220;it doesn&#8217;t work,&#8221;</em> <em>&#8220;review again,&#8221;</em> <em>&#8220;make it better,&#8221;</em> or <em>&#8220;fix it.&#8221;</em></p><ul><li><p><strong>Use Chat mode.</strong> Explain the issue in depth, and ask lovable to review all files until it finds a fix that will 100% work.</p></li><li><p><strong>Try to understand the implementation.</strong> At times, just by understanding how things are built, you can provide better pointers on how to fix the  problem. You can use the chat mode for this, too.</p></li><li><p><strong>Threaten it.</strong> I&#8217;m not joking. It really works. <a href="https://lifehacker.com/tech/googles-co-founder-says-ai-performs-best-when-you-threaten-it?test_uuid=02DN02BmbRCcASIX6xMQtY9&amp;test_variant=A">If you threaten AI, it responds much better.</a> To be a little bit ethical, what I usually say is &#8220;If you do not fix this, a kitten will be hurt&#8230; &#128049;&#8221;</p></li></ul><div><hr></div><h1><strong>What happened after 3 months of fully adopting AI prototyping at Factorial?</strong></h1><p><strong>The short version: our ideation and validation loop went 10x faster.</strong></p><p>We can now generate a prototype in a single day and update full flows in just a few minutes.</p><p>Instead of spending hours debating ideas on whiteboards or buried in presentations, <strong>we can jump straight into realistic, testable prototypes that feel close enough to the product that users behave naturally.</strong></p><p>And the difference in research is huge.</p><p>Instead of running Figma click-throughs that politely guide users from screen to screen (even when they make mistakes), we can now test end-to-end flows. <strong>We can see people get stuck, recover, try alternative paths, and behave the way they would in the real product.</strong> It lets us test actual customer scenarios, not scripted paths.</p><p>But it&#8217;s not all upside.</p><p>Lovable is powerful enough to build almost anything, including ideas that are vague, unstructured, or not fully thought through. That&#8217;s the trap. It will happily generate an interface even if your problem framing is weak.</p><p>So the speed is real, but the responsibility is too:</p><blockquote><p><strong>We still need clarity on the problem, the solution, and the experience we want to create.</strong></p></blockquote><p><strong>AI accelerates the direction you point it, which means pointing it well matters more than ever.</strong></p><div><hr></div><h1><strong>Closing Thought</strong></h1><p>Lovable didn&#8217;t transform our workflow because it&#8217;s magical. It transformed our workflow because we stopped treating it like magic.</p><p>Good inputs create great outputs.</p><p>The tool just accelerates the direction you&#8217;re already pointing.</p><p><strong>If you want speed, clarity comes first.</strong></p><p>Here you have some other guidelines to help you in your process:</p><ul><li><p><a href="https://mastering-lovable.lovable.app/">Lovable prompting guide</a></p></li><li><p><a href="https://prompt-directory-fh.lovable.app/">Prompt directory: basic flows</a></p></li><li><p><a href="https://x.com/viktoroddy/status/1968280441598951461">Tutorial: building websites with AI</a></p></li></ul>]]></content:encoded></item><item><title><![CDATA[Stop designing like 5 years ago]]></title><description><![CDATA[Design evolution was never about the tools, but about how we think, build, and learn.]]></description><link>https://www.jonathancenteno.com/p/stop-designing-like-5-years-ago</link><guid isPermaLink="false">https://www.jonathancenteno.com/p/stop-designing-like-5-years-ago</guid><dc:creator><![CDATA[Jonathan]]></dc:creator><pubDate>Wed, 12 Nov 2025 09:32:04 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/e2996a08-04bb-408b-b3ca-17fd4d00b75c_4800x3400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!EtTy!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!EtTy!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png 424w, https://substackcdn.com/image/fetch/$s_!EtTy!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png 848w, https://substackcdn.com/image/fetch/$s_!EtTy!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png 1272w, https://substackcdn.com/image/fetch/$s_!EtTy!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!EtTy!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png" width="1456" height="1031" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/bc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1031,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:913730,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/178677079?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!EtTy!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png 424w, https://substackcdn.com/image/fetch/$s_!EtTy!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png 848w, https://substackcdn.com/image/fetch/$s_!EtTy!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png 1272w, https://substackcdn.com/image/fetch/$s_!EtTy!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fbc96cf72-9fbb-45d7-89f9-f58e6d8fe2d0_4800x3400.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><p>When I started in design back in 2013, I used Adobe Photoshop to design websites and Adobe Acrobat to build interactive prototypes.</p><p>We were just photoshopping screenshots.</p><p>Then came Sketch and InVision, a new era of collaboration and chaos. Every project folder had at least one <em>final_version.sketch,</em> which was never actually final.</p><p>Then came Figma. Everything centralized: design, feedback, handoff, collaboration. It felt like the future.</p><p>But after a decade of debating which tools to use, I&#8217;ve realized something: it was never really about the tools.</p><div><hr></div><h3>The illusion of faster tools</h3><p>Every new design tool promised speed and efficiency. For a while, that was true. But if you look at today&#8217;s teams moving the fastest, they&#8217;re not the ones following the traditional process:</p><ol><li><p>Research</p></li><li><p>Ideation</p></li><li><p>Low-fi wireframes</p></li><li><p>High-fi design</p></li><li><p>Prototype</p></li><li><p>Validate</p></li><li><p>Repeat (until deadlines kill your optimism)</p></li></ol><p>This model worked for years, but now it&#8217;s slow, rigid, and expensive.</p><div><hr></div><h3>A new workflow for AI-native designers</h3><p>Today, tools like Lovable, v0, Bolt, Cursor, Base44, Figma Make, or MagicPath are reshaping how we work.</p><p>They take you from idea to working prototype in hours, even sometimes straight into production.</p><p>That forces a new kind of workflow:</p><ol><li><p><strong>Research:</strong> Understand the problem deeply.</p></li><li><p><strong>Ideation:</strong> Shape potential solutions.</p></li><li><p><strong>Prompt &amp; Prototype:</strong> Describe your solution through prompts and let AI tools build it iteratively.</p></li><li><p><strong>Validate:</strong> Test a real and interactive prototype with users and refine through new prompts.</p></li></ol><div><hr></div><h3>Faster prototyping and validation</h3><p>With AI tools, you no longer spend days pushing pixels or updating prototypes after every round of feedback.</p><p>You describe the new idea, or simply type the feedback, and a new version is ready in minutes.</p><p>And more importantly, the prototype evolves into a living product to test real flows, explore failure states, and rethink user paths.</p><p>No more guided prototypes where a wrong click gives you a blue box telling you where to go next.</p><p>This is where design becomes exciting again. Once the concept is validated and flows are clear, you can focus on what truly makes experiences memorable: micro-interactions, motion, and emotional resonance.</p><p>That&#8217;s the real shift, from designing screens to designing systems of behavior and emotion.</p><div><hr></div><h3>The real role of designers</h3><p>Don&#8217;t panic. AI won&#8217;t replace us; it&#8217;ll replace the <em>old way</em> of designing.</p><p>AI can remix the past, but it can&#8217;t sense what people feel or imagine what doesn&#8217;t exist yet. That&#8217;s our job.</p><p>But if we spend all our time on operative tasks instead of exploring, validating, and crafting meaningful experiences, we&#8217;ll make ourselves irrelevant.</p><div><hr></div><h3>How are we doing it at Factorial?</h3><p>A few months ago, our design team started using Lovable and Figma Make daily.</p><p>What used to take weeks now takes days, sometimes hours.</p><p>That shift has freed us to explore more ideas in parallel, validate them faster, and focus on the fine details that elevate the entire experience.</p><p>We didn&#8217;t replace Figma; we redefined its role:</p><ul><li><p><strong>Lovable:</strong> builds early concepts in minutes, perfect for fresh ideas.</p></li><li><p><strong>Figma Make:</strong> creates more realistic prototypes once the direction is clear or components are ready.</p></li><li><p><strong>Figma:</strong> remains where we refine edge cases, error flows, and polish the system.</p></li></ul><p>AI hasn&#8217;t replaced our process or our role. It&#8217;s expanded what we&#8217;re capable of.</p><div><hr></div><h3>Conclusion</h3><p>The old design process was built for static tools.</p><p>This new one is built for living systems.</p><p>We&#8217;re not losing design, we&#8217;re losing the illusion that design only happens inside a canvas.</p><p>AI lets us return to what matters: solving real problems and crafting experiences that feel effortless, memorable, and deeply human.</p>]]></content:encoded></item><item><title><![CDATA[What makes a great Product Designer in 2025 ]]></title><description><![CDATA[Why the best Designers obsess over problems and not Aesthetics]]></description><link>https://www.jonathancenteno.com/p/what-makes-a-great-product-designer</link><guid isPermaLink="false">https://www.jonathancenteno.com/p/what-makes-a-great-product-designer</guid><dc:creator><![CDATA[Jonathan]]></dc:creator><pubDate>Wed, 29 Oct 2025 09:30:19 GMT</pubDate><enclosure url="https://substack-post-media.s3.amazonaws.com/public/images/744490c7-510e-423c-8fbc-d47d45cc92d4_4800x3400.png" length="0" type="image/jpeg"/><content:encoded><![CDATA[<div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!wcW7!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!wcW7!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png 424w, https://substackcdn.com/image/fetch/$s_!wcW7!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png 848w, https://substackcdn.com/image/fetch/$s_!wcW7!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png 1272w, https://substackcdn.com/image/fetch/$s_!wcW7!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!wcW7!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png" width="1456" height="995" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:995,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:1092438,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/png&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:true,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/177450440?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!wcW7!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png 424w, https://substackcdn.com/image/fetch/$s_!wcW7!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png 848w, https://substackcdn.com/image/fetch/$s_!wcW7!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png 1272w, https://substackcdn.com/image/fetch/$s_!wcW7!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F5a14ecc1-b0cc-4eb3-80c9-814a9dca55f9_4800x3280.png 1456w" sizes="100vw" fetchpriority="high"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><p></p><p>Most designers still think &#8220;great design&#8221; means great aesthetics and usability.</p><p>But the truth? The best designers I&#8217;ve met don&#8217;t obsess on those, but on <em>problems</em>.</p><p>A few weeks ago, at Factorial, we ran a Product Design workshop that explored what it really means to be a great product designer today.</p><p>And it reminded me how outdated most of our mental models still are.</p><div class="captioned-image-container"><figure><a class="image-link image2 is-viewable-img" target="_blank" href="https://substackcdn.com/image/fetch/$s_!d1Jk!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg" data-component-name="Image2ToDOM"><div class="image2-inset"><picture><source type="image/webp" srcset="https://substackcdn.com/image/fetch/$s_!d1Jk!,w_424,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg 424w, https://substackcdn.com/image/fetch/$s_!d1Jk!,w_848,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg 848w, https://substackcdn.com/image/fetch/$s_!d1Jk!,w_1272,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!d1Jk!,w_1456,c_limit,f_webp,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg 1456w" sizes="100vw"><img src="https://substackcdn.com/image/fetch/$s_!d1Jk!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg" width="1456" height="1092" data-attrs="{&quot;src&quot;:&quot;https://substack-post-media.s3.amazonaws.com/public/images/9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg&quot;,&quot;srcNoWatermark&quot;:null,&quot;fullscreen&quot;:null,&quot;imageSize&quot;:null,&quot;height&quot;:1092,&quot;width&quot;:1456,&quot;resizeWidth&quot;:null,&quot;bytes&quot;:645854,&quot;alt&quot;:null,&quot;title&quot;:null,&quot;type&quot;:&quot;image/jpeg&quot;,&quot;href&quot;:null,&quot;belowTheFold&quot;:false,&quot;topImage&quot;:false,&quot;internalRedirect&quot;:&quot;https://www.jonathancenteno.com/i/177450440?img=https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg&quot;,&quot;isProcessing&quot;:false,&quot;align&quot;:null,&quot;offset&quot;:false}" class="sizing-normal" alt="" srcset="https://substackcdn.com/image/fetch/$s_!d1Jk!,w_424,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg 424w, https://substackcdn.com/image/fetch/$s_!d1Jk!,w_848,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg 848w, https://substackcdn.com/image/fetch/$s_!d1Jk!,w_1272,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg 1272w, https://substackcdn.com/image/fetch/$s_!d1Jk!,w_1456,c_limit,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9395f0e7-4c94-419f-aea2-1c5f5195df88_4080x3060.jpeg 1456w" sizes="100vw"></picture><div class="image-link-expand"><div class="pencraft pc-display-flex pc-gap-8 pc-reset"><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container restack-image"><svg role="img" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke-width="1.5" stroke="var(--color-fg-primary)" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><g><title></title><path d="M2.53001 7.81595C3.49179 4.73911 6.43281 2.5 9.91173 2.5C13.1684 2.5 15.9537 4.46214 17.0852 7.23684L17.6179 8.67647M17.6179 8.67647L18.5002 4.26471M17.6179 8.67647L13.6473 6.91176M17.4995 12.1841C16.5378 15.2609 13.5967 17.5 10.1178 17.5C6.86118 17.5 4.07589 15.5379 2.94432 12.7632L2.41165 11.3235M2.41165 11.3235L1.5293 15.7353M2.41165 11.3235L6.38224 13.0882"></path></g></svg></button><button tabindex="0" type="button" class="pencraft pc-reset pencraft icon-container view-image"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-maximize2 lucide-maximize-2"><polyline points="15 3 21 3 21 9"></polyline><polyline points="9 21 3 21 3 15"></polyline><line x1="21" x2="14" y1="3" y2="10"></line><line x1="3" x2="10" y1="21" y2="14"></line></svg></button></div></div></div></a></figure></div><div><hr></div><h2>The old definition of &#8220;great design&#8221;</h2><p>Fifteen years ago, great design just meant beautiful visuals. The <em>designer</em> was the creative genius who made things look good.</p><p>Then came the UX revolution. We stopped asking, <em>&#8220;Does this look good?&#8221;</em> and started asking, <em>&#8220;Do users understand it? Can they use it easily?&#8221;</em></p><p>For a while, that was enough. UX became the holy grail. But the world moved again, faster than our vocabulary.</p><p><strong>Today, great design isn&#8217;t about beauty or even usability. It&#8217;s about impact.</strong></p><p>Impact doesn&#8217;t come from complexity. It comes from clarity.</p><p>The best designers aren&#8217;t the ones who can explain complex problems up to the last detail; they&#8217;re the ones who make them <em>become</em> simple.</p><p>Because solving a hard problem in a simple way is harder than it looks.</p><p>Simplicity is not a style. It&#8217;s a strategy. And that requires a completely different mindset.</p><div><hr></div><h2>Falling in love with the problem</h2><p>Over the last five years of interviewing hundreds of designers, I&#8217;ve noticed a pattern:</p><p>The ones who make the biggest impact aren&#8217;t the most creative, technical, or experienced.</p><p><strong>They&#8217;re the ones who </strong><em><strong>see beauty in problems</strong></em><strong>.</strong></p><p>While others get frustrated by complexity, they lean in. They&#8217;re explorers, not decorators.</p><p>When you talk to them, they don&#8217;t sell themselves. They talk about customers. About friction points. About something they <em>can&#8217;t stop thinking about</em>.</p><p>They treat every &#8220;why&#8221; as a doorway.</p><p>Every &#8220;I don&#8217;t know&#8221; as an invitation.</p><p>This mindset, <em>infinite curiosity,</em> is the foundation of great product design.</p><div><hr></div><h2>1. Infinite curiosity</h2><p>A great designer doesn&#8217;t live in Figma. They live in the world and they:</p><ul><li><p>Constantly ask <em>why</em> and <em>how</em> things work.</p></li><li><p>Get more energy from discovery calls than from pixels.</p></li><li><p>Love when users derail interviews, because that&#8217;s where the truth hides.</p></li><li><p>Peek into engineering discussions not because they have to, but because they want to understand what&#8217;s possible.</p></li></ul><p>This curiosity builds context, and context turns complexity into simplicity, the purest form of good design.</p><p><strong>Try this yourself:</strong></p><p>Next time you&#8217;re in a user interview, forget your script. Ask, &#8220;What&#8217;s frustrating you today?&#8221; Then follow that thread as far as it goes.</p><p>You&#8217;ll learn more in 20 minutes of real curiosity than in weeks of design reviews.</p><div><hr></div><h2>2. Ship fast, learn faster</h2><p>A designer&#8217;s ego used to live in the final design. Now it should live in the <em>feedback loop</em>.</p><p>Great product designers don&#8217;t romanticize their ideas. They ship rough drafts, watch what happens, and adapt fast.</p><p>They know perfection is an illusion, and worse, a bottleneck.</p><p>Here&#8217;s what they do differently:</p><ul><li><p>Prioritize user reactions over personal taste.</p></li><li><p>Release <em>tiny</em> experiments daily instead of perfect releases quarterly.</p></li><li><p>Treat every version as disposable, except the learnings.</p></li><li><p>Believe being <em>roughly right today</em> is better than being <em>perfectly wrong tomorrow.</em></p></li></ul><p>It&#8217;s a scientific mindset: design as a series of hypotheses, not masterpieces.</p><p>And it&#8217;s contagious. When one designer ships fast, the whole team learns faster.</p><div><hr></div><h2>3. Impact-Driven Design</h2><p>Shipping isn&#8217;t the finish line, it&#8217;s the starting gun.</p><p><strong>Great designers measure their success by impact, not output.</strong> They:</p><ul><li><p>Ask how each task moves a metric, not just the project forward.</p></li><li><p>Stay involved after handoff, watching how users actually behave.</p></li><li><p>Push teams to measure outcomes, not milestones.</p></li><li><p>Celebrate user adoption and business impact, not launches.</p></li></ul><p>Because launching something means nothing if doesn&#8217;t bring any value and no one <em>uses</em> it. Or worse, if no one <em>cares</em>.</p><p>This kind of ownership transforms how teams see design.</p><p>It shifts the question from <em>&#8220;Is this ready to ship?&#8221;</em> to <em>&#8220;Is this solving something real?&#8221;</em></p><div><hr></div><h2>The New Definition of Great Design</h2><p>If I had to summarize what makes a great product designer in 2025, it would be this:</p><blockquote><p><strong>A great product designer turns curiosity into clarity, clarity into action, and action into impact.</strong></p></blockquote><p>They bridge discovery and delivery.</p><p>They think like researchers, move like builders, and measure like founders.</p><p>And they remind everyone around them that design is not an important department, it&#8217;s a way of <em>thinking through problems.</em></p><div><hr></div><h2>Closing Thought</h2><p>The future of design doesn&#8217;t belong to those who make things <em>look</em> great.</p><p>It belongs to those who make things <em>work</em> great, for real people, in the real world.</p><p>And that starts with one question you should never stop asking:</p><p><strong>Why?</strong></p>]]></content:encoded></item></channel></rss>