Big Medium | This Is Big Design

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Big Medium | This Is Big Design</title> <meta name="description" content="Big Medium is a digital agency that helps complex organizations build design systems, craft exceptional online experiences, and transform digital operations." /> <meta name="keywords" content="josh clark, brad frost, design systems, big medium, bigmedium, global moxie, globalmoxie, atomic design" /> <meta name="copyright" content="Copyright Big Medium, 2024" /> <link rel="canonical" href="https://bigmedium.com/" /> <meta name="robots" content="index,follow" /> <link rel="icon" href="https://bigmedium.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="https://bigmedium.com/favicon.ico" type="image/x-icon" /> <link rel="alternate" type="application/rss+xml" href="https://bigmedium.com/bm.feed.xml" title="Big Medium - Full Feed" /> <link rel="stylesheet" href="https://bigmedium.com/bm.styles.css" type="text/css" /> <style type="text/css"> div.bma_page89 { display: none } </style> <link rel="home" title="Home" href="https://bigmedium.com/" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@bigmediumjosh" /> <meta name="twitter:url" property="og:url" content="https://bigmedium.com/" /> <meta name="twitter:title" property="og:title" content="Big Medium | This Is Big Design" /> <meta name="twitter:description" property="og:description" content="Big Medium is a digital agency that helps complex organizations build design systems, craft exceptional online experiences, and transform digital operations." /> <meta name="twitter:image" property="og:image" content="https://bigmedium.com/apple-touch-icon-144x144.png" /> <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/mstile-144x144.png"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="/styles.css?cache" type="text/css" /> <meta property="og:site_name" content="Big Medium" /> <script> /*! grunt-grunticon Stylesheet Loader - v2.1.2 | https://github.com/filamentgroup/grunticon | (c) 2015 Scott Jehl, Filament Group, Inc. | MIT license. */ (function(e){function t(t,n,r,o){"use strict";function a(){for(var e,n=0;u.length>n;n++)u[n].href&&u[n].href.indexOf(t)>-1&&(e=!0);e?i.media=r||"all":setTimeout(a)}var i=e.document.createElement("link"),l=n||e.document.getElementsByTagName("script")[0],u=e.document.styleSheets;return i.rel="stylesheet",i.href=t,i.media="only x",i.onload=o||null,l.parentNode.insertBefore(i,l),a(),i}var n=function(r,o){"use strict";if(r&&3===r.length){var a=e.navigator,i=e.Image,l=!(!document.createElementNS||!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect||!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image","1.1")||e.opera&&-1===a.userAgent.indexOf("Chrome")||-1!==a.userAgent.indexOf("Series40")),u=new i;u.onerror=function(){n.method="png",n.href=r[2],t(r[2])},u.onload=function(){var e=1===u.width&&1===u.height,a=r[e&&l?0:e?1:2];n.method=e&&l?"svg":e?"datapng":"png",n.href=a,t(a,null,null,o)},u.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",document.documentElement.className+=" grunticon"}};n.loadCSS=t,e.grunticon=n})(this);(function(e,t){"use strict";var n=t.document,r="grunticon:",o=function(e){if(n.attachEvent?"complete"===n.readyState:"loading"!==n.readyState)e();else{var t=!1;n.addEventListener("readystatechange",function(){t||(t=!0,e())},!1)}},a=function(e){return t.document.querySelector('link[href$="'+e+'"]')},c=function(e){var t,n,o,a,c,i,u={};if(t=e.sheet,!t)return u;n=t.cssRules?t.cssRules:t.rules;for(var l=0;n.length>l;l++)o=n[l].cssText,a=r+n[l].selectorText,c=o.split(");")[0].match(/US\-ASCII\,([^"']+)/),c&&c[1]&&(i=decodeURIComponent(c[1]),u[a]=i);return u},i=function(e){var t,o,a;o="data-grunticon-embed";for(var c in e)if(a=c.slice(r.length),t=n.querySelectorAll(a+"["+o+"]"),t.length)for(var i=0;t.length>i;i++)t[i].innerHTML=e[c],t[i].style.backgroundImage="none",t[i].removeAttribute(o);return t},u=function(t){"svg"===e.method&&o(function(){i(c(a(e.href))),"function"==typeof t&&t()})};e.embedIcons=i,e.getCSS=a,e.getIcons=c,e.ready=o,e.svgLoadedCallback=u,e.embedSVG=u})(grunticon,this); grunticon(["/grunticon-v2/icons.data.svg.css", "/grunticon-v2/icons.data.png.css", "/grunticon-v2/icons.fallback.css"]); </script> <noscript><link href="/grunticon-v2/icons.fallback.css" rel="stylesheet"></noscript> <script src="/js/picturefill-min.js" async></script>  <script type="text/javascript"> var _paq = _paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//bigmedium.com/bigstats/"; _paq.push(['setTrackerUrl', u+'piwik.php']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s); })(); </script>  </head>  <body class="bmt-utility bmslug-__HOME"> <header id="bm-top" class="header toolbar"> <div class="lc"> <a href="https://bigmedium.com/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 147" role="img" aria-label="Big Medium" preserveAspectRatio="xMaxYMax meet"><title>Big Medium</title><desc>Big Medium logo</desc><defs><symbol id="bmlogo"><g fill="#000" fill-rule="evenodd"><path id="bmlogo-arrow" d="M56 9.94V0h32v30h-9.94V17.394L62.456 33 55 25.545 70.606 9.94"/><path class="bmlogo" d="M0 0v116h88V40H46V0H0zm36 10H10v96h68V50H36V10zM144 0h-10v95l-1 21h8l2-10c3.874 6.617 10.956 12 23 12 20.618 0 29-17.023 29-38v-4c0-21.292-8.382-38.316-29-38-11.033-.316-17.97 4.34-22 10V0zm0 59c3.064-5.16 9.046-12 20-12 14.142 0 21 11.352 21 29v4c0 17.648-6.858 29-21 29-10.954 0-16.936-6.84-20-12V59zm69 57h10V39h-10v77zM224 8h-13v13h13V8zm68 109c.016 13.62-5.33 21.158-20 21-14.38.158-19.872-7.09-20-22h-10v2c.445 16.1 7.96 29 30 29 21.895 0 30.133-12.61 30-30V61l1-21h-8l-2 10c-3.874-6.637-10.956-12-23-12-20.473 0-29 16.38-29 36v3c0 19.414 8.527 35.503 29 36 11.033-.497 17.825-4.846 22-11v15zm0-58v32c-3.2 5.216-9.014 12-20 12-14.02 0-21-10.392-21-26v-4c0-15.32 6.98-26 21-26 10.986 0 16.8 6.784 20 12zm156 58V61c0-14.677-7.67-23-21-23-12.868 0-20.54 5.84-25 13-2.487-8.473-9.29-13-19-13-12.434 0-19.96 5.55-24 12l-2-10h-8l1 22v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10zm81-35v-6c0-20.9-9.765-38-32-38-22.944 0-33 17.1-33 38v4c0 20.9 10.056 38 33 38 22.09 0 32-13.768 32-26h-10c.235 8.03-6.177 17.45-22 17-15.074.45-22.215-9.986-23-27h55zm-33-36c14.618 0 21.42 10.484 22 27h-44c.434-16.516 7.526-27 22-27zm76-8c-20.618-.316-29 16.708-29 38v4c0 20.977 8.382 38 29 38 11.9 0 19.126-5.383 23-12l1 10h9l-1-21V0h-10v48c-4.175-5.66-10.967-10.316-22-10zm3 71c-14.167 0-21-11.352-21-29v-4c0-17.648 6.833-29 21-29 10.84 0 16.8 6.84 20 12v38c-3.2 5.16-9.16 12-20 12zm50 7h10V39h-10v77zM636 8h-13v13h13V8zm18 31v54c0 14.632 7.973 25 23 25 13.386 0 21.65-5.55 26-12l2 10h8l-1-22V39h-10v58c-3.206 4.937-9.15 11.8-21 12-10.474-.2-16.998-5.603-17-17V39h-10zm176 78V61c0-14.677-7.67-23-21-23-12.868 0-20.54 5.84-25 13-2.487-8.473-9.29-13-19-13-12.434 0-19.96 5.55-24 12l-2-10h-8l1 22v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10V59c3.184-5.083 8.395-11.8 19-12 8.79.2 14.868 3.558 15 15v55h10z"/></g></symbol></defs><use xlink:href="#bmlogo"></use></svg> </a> <nav class="bmw_navigation bmn_hnav" role="navigation"> <div class="bmn_skipnav"><a href="#bm-skipnavtop">Skip Navigation</a></div> <ul> <li class="bmn_sec-ideas"><a title="" href="https://bigmedium.com/ideas/">Ideas</a></li> <li class="bmn_sec-projects"><a title="" href="https://bigmedium.com/projects/">Projects</a></li> <li class="bmn_sec-speaking"><a title="" href="https://bigmedium.com/speaking/">Talks</a></li> <li class="bmn_sec-about"><a title="" href="https://bigmedium.com/about/">About</a></li> <li class="bmn_sec-hire"><a title="" href="https://bigmedium.com/hire/">Hire Us</a></li> </ul> <span class="bmn_clearNav" id="bm-skipnavtop"> </span> </nav> <div class="powertools"> <a href="#" class="icon icon-microphone icon-utility" title="speech commands" id="toggleSpeech">Speak</a> <a href="#" id="toggleSearch" class="icon icon-search icon-utility" title="search">Search</a> <a href="#nav" id="toggleMenu" class="icon icon-menu icon-utility" title="menu">Menu</a>  <form action="https://bigmedium.com/cgi-bin/moxiebin/bm-search.cgi/q/3" method="get" class="bmw_search" enctype="multipart/form-data" accept-charset="utf-8"><div> <input type="search" name="bmq" placeholder="Search" value="" /> <button type="submit" class="icon icon-search icon-utility">Search</button> <input type="hidden" name="bms" value="3" /> </div></form>  </div> </div> </header> <main role="main"> <header class="page-header page-header--sans-kicker"> <div class="lc"> <h1 class="bmw_headline">ai</h1> </div> </header> <section class="touts touts--sans-kicker u--zero-border"> <div class="lc u--zero-pad"> <div class="standard-margin touts-3up">  <div class="tout-links tout-links--tags tout-links--tag-ai"> <div class="bmw_link bma_page1685"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/workshop-sentient-design-ai-experiences.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-250.png" class="bma_thumb" alt="Four devices lighting up with Sentient Design and machine intelligence" srcset="https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-500.png 500w, https://bigmedium.com/bm.pix/sentent-design-workshop.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/events-workshops/" class="kicker kicker--tout kicker--invert">events & workshops</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/workshop-sentient-design-ai-experiences.html" title="Workshop: Craft AI-Powered Experiences with Sentient Design" rel="bookmark">Workshop: Craft AI-Powered Experiences with Sentient Design</a></h3><div class="bma_desc">Reserve a private workshop to teach your product and design teams to imagine, design, and deliver AI-powered features and products.</div> </div> </div> </div> <div class="bmw_link bma_page1687"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/your-sparkles-are-fizzling.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/sparkles-wilting.4x3-250.png" class="bma_thumb" alt="Illustration of sparkles wilting on the vine" srcset="https://bigmedium.com/bm.pix/sparkles-wilting.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/sparkles-wilting.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/sparkles-wilting.4x3-500.png 500w, https://bigmedium.com/bm.pix/sparkles-wilting.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/icons/" class="kicker kicker--tout kicker--invert">icons</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/your-sparkles-are-fizzling.html" title="Your Sparkles Are Fizzling" rel="bookmark">Your Sparkles Are Fizzling</a></h3><div class="bma_desc">Let’s retire the sparkle emoji, purple hues, and rainbow gradients for AI-powered features.</div> </div> </div> </div> <div class="bmw_link bma_page1686"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/data-whisperer-pinocchio-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/pinocchio-2.4x3-250.png" class="bma_thumb" alt="Illustration of Pinocchio with AI sparkles-2" srcset="https://bigmedium.com/bm.pix/pinocchio-2.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/pinocchio-2.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/pinocchio-2.4x3-500.png 500w, https://bigmedium.com/bm.pix/pinocchio-2.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/data-whisperer-pinocchio-sentient-design.html" title="Data Whisperers, Pinocchios, and Sentient Design" rel="bookmark">Data Whisperers, Pinocchios, and Sentient Design</a></h3><div class="bma_desc">Podcasts from PDFs! Working code from pen-and-paper sketches! Discover the new AI-powered design patterns that liberate content from frozen formats—and create new experience paradigms.</div> </div> </div> </div> <div class="bmw_link bma_page1684"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/the-already-here-future-of-prototyping.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/lightbulb.4x3-250.png" class="bma_thumb" alt="A lightbulb with a right-facing arrow pointing towards three cogs" srcset="https://bigmedium.com/bm.pix/lightbulb.4x3-2000.png 1066w, https://bigmedium.com/bm.pix/lightbulb.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/lightbulb.4x3-500.png 500w, https://bigmedium.com/bm.pix/lightbulb.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/ai/" class="kicker kicker--tout kicker--invert">ai</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/the-already-here-future-of-prototyping.html" title="The Already-Here Future of Prototyping" rel="bookmark">The Already-Here Future of Prototyping</a></h3><div class="bma_desc">With LLM tools like ChatGPT and Claude, it’s easier than ever for anyone — including and perhaps especially non-developers — to develop ideas in code.</div> </div> </div> </div> <div class="bmw_link bma_page1665"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/hello-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/sentient-design-hello.4x3-250.png" class="bma_thumb" alt="Illustration of four computers and devices lighting up with Sentient Design awareness" srcset="https://bigmedium.com/bm.pix/sentient-design-hello.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/sentient-design-hello.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/sentient-design-hello.4x3-500.png 500w, https://bigmedium.com/bm.pix/sentient-design-hello.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/hello-sentient-design.html" title="Say Hello to Sentient Design" rel="bookmark">Say Hello to Sentient Design</a></h3><div class="bma_desc">Sentient Design is the already-here future of intelligent interfaces and AI-mediated experiences. Discover this framework and philosophy for working with AI as a design material.</div> </div> </div> </div> <div class="bmw_link bma_page1654"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/sentient-design-josh-clark-talk.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-250.jpg" class="bma_thumb" alt="Photo of Josh Clark speaking in front of a screen with the text, "Get cozy with casual intelligence"" srcset="https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-2000.jpg 960w, https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/josh-clark-casual-intelligence.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/speaking/sentient-design-josh-clark-talk.html" title="Sentient Design: AI and the Next Chapter of UX" rel="bookmark">Sentient Design: AI and the Next Chapter of UX</a></h3><div class="bma_desc">Josh Clark introduces Sentient Design, the already-here future of intelligent interfaces and AI-mediated experiences. Learn to design radically adaptive experiences that feel almost self-aware in their response to user needs.</div> </div> </div> </div> <div class="bmw_link bma_page1675"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/shape-of-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-250.png" class="bma_thumb" alt="Illustration of two hands holding aloft a triangle with AI sparkles inside" srcset="https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-500.png 500w, https://bigmedium.com/bm.pix/shape-of-sentient-design-promo.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/shape-of-sentient-design.html" title="The Shape of Sentient Design" rel="bookmark">The Shape of Sentient Design</a></h3><div class="bma_desc">Use this diagram to think through and explore AI-mediated experiences in your product design.</div> </div> </div> </div> <div class="bmw_link bma_page1674"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/has-the-ai-edge-become-a-dull-blade.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/ai-blade-4.4x3-250.png" class="bma_thumb" alt="AI Robot wielding a blade" srcset="https://bigmedium.com/bm.pix/ai-blade-4.4x3-2000.png 1440w, https://bigmedium.com/bm.pix/ai-blade-4.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/ai-blade-4.4x3-500.png 500w, https://bigmedium.com/bm.pix/ai-blade-4.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/has-the-ai-edge-become-a-dull-blade.html" title="Has the “AI Edge” Become a Dull Blade?" rel="bookmark">Has the “AI Edge” Become a Dull Blade?</a></h3><div class="bma_desc">Today’s cutting-edge technology is becoming tomorrow’s ho-hum office tool. And that’s a good thing.</div> </div> </div> </div> <div class="bmw_link bma_page1666"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/future-built-on-solid-foundations.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/rocket-foundation.4x3-250.png" class="bma_thumb" alt="Illustration of a rocket on top of a sturdy platform" srcset="https://bigmedium.com/bm.pix/rocket-foundation.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/rocket-foundation.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/rocket-foundation.4x3-500.png 500w, https://bigmedium.com/bm.pix/rocket-foundation.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/future/" class="kicker kicker--tout kicker--invert">future</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/future-built-on-solid-foundations.html" title="The Future is Built on Solid Foundations" rel="bookmark">The Future is Built on Solid Foundations</a></h3><div class="bma_desc">Stability and innovation can sometimes seem to be in tension, but they are more complementary than competitive. Consider AI and design systems.</div> </div> </div> </div> <div class="bmw_link bma_page1700"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/design-systems-qa.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/qa.4x3-250.png" class="bma_thumb" alt="Q&A Illustration" srcset="https://bigmedium.com/bm.pix/qa.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/qa.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/qa.4x3-500.png 500w, https://bigmedium.com/bm.pix/qa.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/design-systems/" class="kicker kicker--tout kicker--invert">design systems</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/design-systems-qa.html" title="Design Systems Q&A" rel="bookmark">Design Systems Q&A</a></h3> </div> </div> </div> <div class="bmw_link bma_page1695"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/design-of-ai-sentient-design.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-250.jpg" class="bma_thumb" alt="Headshots of Josh Clark and Veronika Kindred promoting the Design of AI podcast and talking about Sentient Design" srcset="https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-2000.jpg 840w, https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/design-of-ai-promo.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/podcast/" class="kicker kicker--tout kicker--invert">podcast</a><h3 class="bma_head"><a href="https://bigmedium.com/speaking/design-of-ai-sentient-design.html" title="Design of AI: Sentient Design" rel="bookmark">Design of AI: Sentient Design</a></h3><div class="bma_desc">Josh Clark and Veronika Kindred share the importance of design in shaping AI-powered experiences in this podcast conversation about Sentient Design, their new book, moving beyond the chatbot, generational views of technology, and much more.</div> </div> </div> </div> <div class="bmw_link bma_page1630"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/ai-and-design-systems.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/ai-design-system-social.4x3-250.png" class="bma_thumb" alt="Illustration of a robot with ribbon coming out of its mouth, surrounded by UI components" srcset="https://bigmedium.com/bm.pix/ai-design-system-social.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/ai-design-system-social.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/ai-design-system-social.4x3-500.png 500w, https://bigmedium.com/bm.pix/ai-design-system-social.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/ai/" class="kicker kicker--tout kicker--invert">ai</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/ai-and-design-systems.html" title="AI and Design Systems" rel="bookmark">AI and Design Systems</a></h3><div class="bma_desc">The new crop of AI tools are already supercharging design system efforts across many categories, and we’re helping our clients use AI to do exactly that. Big Medium’s Brad Frost, Kevin Coyle, and Ian Frost show how.</div> </div> </div> </div> <div class="bmw_link bma_page1604"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/is-atomic-design-dead.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-250.jpg" class="bma_thumb" alt="Brad Frost at Front Conference 2023: "Is Atomic Design Dead?"" srcset="https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-2000.jpg 1200w, https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-1000.jpg 1000w, https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-500.jpg 500w, https://bigmedium.com/bm.pix/brad-atomic-design-dead.4x3-250.jpg 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/design-system/" class="kicker kicker--tout kicker--invert">design system</a><h3 class="bma_head"><a href="https://bigmedium.com/speaking/is-atomic-design-dead.html" title="Is Atomic Design Dead?" rel="bookmark">Is Atomic Design Dead?</a></h3><div class="bma_desc">Brad Frost explores today’s design system ecosystem and peeks into the exciting future of design systems. (Spoiler: Atomic Design is going stronger than ever, thank you very much.)</div> </div> </div> </div> <div class="bmw_link bma_page1664"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/ai-snake-oil-miracle-cure.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/snake-oil.4x3-250.png" class="bma_thumb" alt="Bottle of snake oil surrounded by AI sparkles" srcset="https://bigmedium.com/bm.pix/snake-oil.4x3-2000.png 1200w, https://bigmedium.com/bm.pix/snake-oil.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/snake-oil.4x3-500.png 500w, https://bigmedium.com/bm.pix/snake-oil.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/ai-snake-oil-miracle-cure.html" title="A.I., Snake Oil, and Miracle-Cure Expectations" rel="bookmark">A.I., Snake Oil, and Miracle-Cure Expectations</a></h3><div class="bma_desc">Be distrustful when AI is hyped as a cure-all—but don’t assume it’s useless just because it doesn’t live up to outlandish promises.</div> </div> </div> </div> <div class="bmw_link bma_page1650"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/ai-and-design-systems-virtual-event.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/friends-with-robots.4x3-250.png" class="bma_thumb" alt="Making friends with the robots" srcset="https://bigmedium.com/bm.pix/friends-with-robots.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-500.png 500w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/ai/" class="kicker kicker--tout kicker--invert">ai</a><h3 class="bma_head"><a href="https://bigmedium.com/speaking/ai-and-design-systems-virtual-event.html" title="Online Event: AI and Design Systems" rel="bookmark">Online Event: AI and Design Systems</a></h3><div class="bma_desc">The Big Medium team shares the many ways that we use AI to build and maintain design systems. (You can totally do it, too.)</div> </div> </div> </div> <div class="bmw_link bma_page1636"> <div class="bma_mediatop"> <a href="https://bigmedium.com/speaking/when-and-how-will-ai-replace-us.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/smashingconf_kevin.4x3-250.png" class="bma_thumb" alt="Kevin Coyle at Smashing Meet 2024: "The Future of Design Systems"" srcset="https://bigmedium.com/bm.pix/smashingconf_kevin.4x3-2000.png 346w, https://bigmedium.com/bm.pix/smashingconf_kevin.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/ai/" class="kicker kicker--tout kicker--invert">ai</a><h3 class="bma_head"><a href="https://bigmedium.com/speaking/when-and-how-will-ai-replace-us.html" title="When will AI Replace Us?" rel="bookmark">When will AI Replace Us?</a></h3><div class="bma_desc">Kevin Coyle addresses and subdues fears about AI taking out jobs. (Spoiler: This isn’t a new problem.) Instead, he shows how your new robot colleagues can help you do your job even better—right now, today.</div> </div> </div> </div> <div class="bmw_link bma_page1591"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/youre-not-too-late-machine-learning-ai-stats.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/youre-not-too-late.4x3-250.png" class="bma_thumb" alt="You're Not Too Late" srcset="https://bigmedium.com/bm.pix/youre-not-too-late.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/youre-not-too-late.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/youre-not-too-late.4x3-500.png 500w, https://bigmedium.com/bm.pix/youre-not-too-late.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/youre-not-too-late-machine-learning-ai-stats.html" title="You’re Not Late to Machine Learning" rel="bookmark">You’re Not Late to Machine Learning</a></h3><div class="bma_desc">If you’re worried that you’re behind in getting in on machine learning, never fear: AI has not so much come of age as reached an awkward adolescence. You’re right on time.</div> </div> </div> </div> <div class="bmw_link bma_page1582"> <div class="bma_mediatop"> <a href="https://bigmedium.com/ideas/why-machine-learning-and-ai-matter-for-design-team.html" class="bma_thumb"><img src="https://bigmedium.com/bm.pix/friends-with-robots.4x3-250.png" class="bma_thumb" alt="Making friends with the robots" srcset="https://bigmedium.com/bm.pix/friends-with-robots.4x3-2000.png 2000w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-1000.png 1000w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-500.png 500w, https://bigmedium.com/bm.pix/friends-with-robots.4x3-250.png 250w" sizes="(min-width: 1050px) 449px, 50vw" /></a> </div> <div class="bma_body"> <div class="bma_body-wrap"> <a href="https://bigmedium.com/bm.tags/sentient-design/" class="kicker kicker--tout kicker--invert">sentient design</a><h3 class="bma_head"><a href="https://bigmedium.com/ideas/why-machine-learning-and-ai-matter-for-design-team.html" title="Why Machine Learning and AI Matter for Design Teams" rel="bookmark">Why Machine Learning and AI Matter for Design Teams</a></h3><div class="bma_desc">There’s a critical role for design in the era of the algorithm—and your organization almost certainly has what it needs to jump in today.</div> </div> </div> </div> </div>   <ul class="bmw_overflowNav"> <li><span class="bma_inertPage">Previous</span></li> <li><a href="https://bigmedium.com/bm.tags/ai/index.html" class="bma_thisPage">1</a></li> <li><a href="https://bigmedium.com/bm.tags/ai/index.p2.html">2</a></li> <li><a href="https://bigmedium.com/bm.tags/ai/index.p3.html">3</a></li> <li><a href="https://bigmedium.com/bm.tags/ai/index.p4.html">4</a></li> <li><a href="https://bigmedium.com/bm.tags/ai/index.p5.html">5</a></li> <li><a href="https://bigmedium.com/bm.tags/ai/index.p2.html">Next</a></li> </ul>  </div> </div> </section> </main> <section id="nav" class="prefooter"> <div class="toolbar"> <div class="lc"> <a href="https://bigmedium.com/" class="logo"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 830 147" role="img" aria-label="Big Medium" preserveAspectRatio="xMaxYMax meet"><title>Big Medium</title><desc>Big Medium logo</desc><use xlink:href="#bmlogo" id="footerLogo" /></svg> </a> <a href="#bm-top" id="BackToTop" class="icon icon-menu-up icon-utility">Back to top</a> </div> </div> <div class="lc">  <form action="https://bigmedium.com/cgi-bin/moxiebin/bm-search.cgi/q/3" method="get" class="bmw_search" enctype="multipart/form-data" accept-charset="utf-8"><div> <input type="search" name="bmq" placeholder="Search" value="" /> <button type="submit" class="icon icon-search icon-utility">Search</button> <input type="hidden" name="bms" value="3" /> </div></form>  <nav class="bmw_navigation bmn_hnav" role="navigation"> <div class="bmn_skipnav"><a href="#bm-skipnavbottom">Skip Navigation</a></div> <ul> <li class="bmn_sec-ideas"><a title="" href="https://bigmedium.com/ideas/">Ideas</a></li> <li class="bmn_sec-projects"><a title="" href="https://bigmedium.com/projects/">Projects</a></li> <li class="bmn_sec-speaking"><a title="" href="https://bigmedium.com/speaking/">Talks</a></li> <li class="bmn_sec-about"><a title="" href="https://bigmedium.com/about/">About</a></li> <li class="bmn_sec-hire"><a title="" href="https://bigmedium.com/hire/">Hire Us</a></li> </ul> <span class="bmn_clearNav" id="bm-skipnavbottom"> </span> </nav> </div> </section>  <div class="bmw_footer"> <footer class="footer"> <div class="lc"> <div class="read-us"> <h3>Read us</h3> <ul> <li class="book-atomic"> <a href="https://atomicdesign.bradfrost.com"> <img src="/pix/atomic-design.png" alt="Atomic Design, by Brad Frost" /> </a> </li> <li class="book-touch"> <a href="http://abookapart.com/products/designing-for-touch"> <img src="/pix/designing-for-touch.png" alt="Designing for Touch, by Josh Clark" /> </a> </li> </ul> </div> <div class="hire-us"> <h3>Work with us</h3> <ul> <li><a href="/hire/#design-systems">Design systems</a></li> <li><a href="/hire/#ui-ux-design">Interface and experience design</a></li> <li><a href="/hire/#product-strategy-process">Digital strategy and process</a></li> <li><a href="/hire/#production">Production and co-creation</a></li> <li><a href="/hire/#action-plan">Action plan</a></li> <li><a href="/hire/#coaching">Coaching and hands-on advice</a></li> <li><a href="/hire/#workshops-talks">Workshops and talks</a></li> </ul> </div> <div class="follow-us"> <h3>Follow us</h3> <h4>Get the <a href="/ideas/big-medium-newsletter.html">newsletter</a></h4> <div id="mc_embed_shell_bmfooter" class="bmc_mailchimp"> <div id="mc_embed_signup_bmfooter"> <form action="https://bigmedium.us5.list-manage.com/subscribe/post?u=6c0c3f4dcd40d88bc1cedb3fa&id=7540015453&f_id=00d6c4eaf0" method="post" id="mc-embedded-subscribe-form_bmfooter" name="mc-embedded-subscribe-form" class="validate" target="_self" novalidate=""> <div id="mc_embed_signup_scroll_bmfooter"> <div class="mc-field-group"><label for="mce-EMAIL_bmfooter">Email Address</label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL_bmfooter" required="" value=""></div> <div id="mce-responses_bmfooter" class="clear"> <div class="response" id="mce-error-response_bmfooter" style="display: none;"></div> <div class="response" id="mce-success-response_bmfooter" style="display: none;"></div> </div><div class="clear"><input type="submit" class="btn" name="subscribe" id="mc-embedded-subscribe_bmfooter" class="button" value="Subscribe"></div> </div> </form> </div> </div> <ul class="social"> <li><a href="https://twitter.com/bigmediumjosh" class="icon icon-twitter">Twitter</a></li> <li><a href="/bm.feed.xml" class="icon icon-rss">RSS</a></li> <li><a href="https://instagram.com/joshclark/" class="icon icon-instagram">Instagram</a></li> <li><a href="https://github.com/bigmedium" class="icon icon-github">Github</a></li> </ul> </div> <div class="contact-us"> <h3>Contact us</h3> <div itemscope itemtype="http://schema.org/Organization"> <div> <h4>Start with Josh Clark</h4> <meta itemprop="name" content="Big Medium" /> <meta itemprop="sameAs" content="https://bigmedium.com/" /> </div> <p > <a itemprop="email" href="mailto:josh@bigmedium.com">josh@bigmedium.com</a><br /> <a itemprop="telephone" href="tel:+14013393381" class="p-tel">(401) 339-3381</a> </p> </div> </div> <p class="copyright"> Big Medium is a Global Moxie company.<br /> Copyright 2003–2024 Global Moxie, LLC. All rights reserved. </p> </div> </footer> </div>  <script src="/js/bigmed-min.js" type="text/javascript"></script> <script type="text/javascript"> BigM.initPage(); </script> </body> </html>

CINXE.COM

Big Medium | This Is Big Design