<p>Published on <a href="https://blog.prototypr.io/official-sketchnotes-from-clarity-conference-2017-f3ecae9ff105?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Cindy Chang <img alt="" src="https://cdn-images-1.medium.com/max/1024/1*_WIKVKC18GF-BcprrCF2Ng.jpeg"></p>
<h4>A design systems conference in San Francisco | Nov 28–29, 2017</h4>
<p>Organized by <a href="https://medium.com/u/f5d1807b4e38">Jina Anne</a> for the second time, <a href="https://www.clarityconf.com/">Clarity Conference</a> this year brought together folks from all over the world for an amazing 3 days of all things design systems.</p>
<p>As the conference sketchnoter, I felt lucky to share my love of visual note-taking by capturing the insightful talks we heard from leaders and experts in the field 😊</p>
<p><strong>Below are the sketchnotes from all </strong><a href="https://www.clarityconf.com/#2017-schedule-page"><strong>12 talks</strong></a><strong> for you to browse! 🎉</strong></p>
<h3>Process</h3>
<p>I sketched these notes in real time during the talks and posted them on <a href="https://twitter.com/cindyjchang">Twitter</a> as each speaker wrapped up 🙌 The notes here were scanned and digitally retouched to maintain the greys and color contrast from the original paper sketchnotes. All original sketchnotes were gifted to the speakers at the end of the conference.</p>
<p><strong><em>Tools used: </em></strong><em>Maruman F4 All Purpose Sketch Pad, Tombow Dual Brush Pens N89/N95/N75, Prismacolor Fine Line Marker (08), Pentel Fude Touch Brush Sign Pen, Sharpie Fine Permanent Marker, Photoshop</em></p>
<h3><a href="https://www.clarityconf.com/when-we-align/">When We Align</a></h3>
<h4><a href="https://medium.com/u/7558e26f1503">Cameron Moll</a>, Product Design Manager at Facebook</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*jeBrYn66jDFzkt7q4gTuOg.png"></p>
<h3><a href="https://www.clarityconf.com/dont-use-my-grid-system/">Don’t Use My Grid System</a></h3>
<h4><a href="https://medium.com/u/19d5ac4fa96">Miriam Suzanne</a>, Designer &amp; Developer at Oddbird</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xuH2V2xhyRLDmWP74maGKQ.png"></p>
<h3><a href="https://www.clarityconf.com/for-and-against-consistency/">For and Against Consistency</a></h3>
<h4><a href="https://medium.com/u/14b2c72f32e">Abi Jones</a>, Designer and Sprint Master at Google</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*z445dFuKLE91PuPk-Q7V-A.png"></p>
<h3><a href="https://www.clarityconf.com/design-systems-for-data-products/">Design Systems for Data Products</a></h3>
<h4><a href="https://medium.com/u/512f03085011">Linh Yao Pham</a>, Product Designer at Trifacta</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*imYvk_uv2asMPAnnqXBJDQ.png"></p>
<h3><a href="https://www.clarityconf.com/a-working-theory-of-components/">A Working Theory of Components</a></h3>
<h4><a href="https://medium.com/u/84629a17761f">elyse holladay</a>, Design Systems Engineer at Indeed</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*xmTeMQKpDsoenVsY6ezLBw.png"></p>
<h3><a href="https://www.clarityconf.com/doing-it-wrong/">Doing It Wrong</a></h3>
<h4><a href="https://medium.com/u/b9b63b9b3d3f">Mina Markham</a>, Senior Engineer at Slack</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*ZeUefvrNIqU0r9sXPKyRpA.png"></p>
<h3><a href="https://www.clarityconf.com/how-to-vp/">How to VP</a></h3>
<h4><a href="https://medium.com/u/2757f3636a9f">Cap Watkins</a>, VP of Design at Buzzfeed</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*rGdrlx1xezssOs2YXIT3Gg.png"></p>
<h3><a href="https://www.clarityconf.com/the-interaction-of-color-systems/">The Interaction of Color Systems</a></h3>
<h4><a href="https://medium.com/u/b954a8b795dc">Diana Mounter</a>, Design Systems Lead at Github</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*FU8GHN8GlYuGYWDXdqtYWg.png"></p>
<h3><a href="https://www.clarityconf.com/the-people-layer/">The People Layer</a></h3>
<h4><a href="https://medium.com/u/673d6530e433">Josh Silverman</a>, Design Producer at Twitter</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Ug0tOu_8RncrLF0kMkJiYg.png"></p>
<h3><a href="https://www.clarityconf.com/what-happens-next-everything-that-comes-after-setting-up-your-design-system/">What happens next? Everything that comes after setting up your design system</a></h3>
<h4><a href="https://twitter.com/ikasliwal?lang=en">Isha Kasliwal</a>, Senior UX Engineer (Design Systems) at Salesforce</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*WdoDxtUwXvxHPRnAYvit_w.png"></p>
<h3><a href="https://www.clarityconf.com/performance-by-design/">Performance by Design</a></h3>
<h4><a href="https://medium.com/u/49cceb225723">Henri Helvetica</a>, Web Performance Analyst</h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*f33yv3Lbl2lZMmh60-MOCg.png"></p>
<h3><a href="https://www.clarityconf.com/why-design-matters/">Why Design Matters</a></h3>
<h4><a href="https://twitter.com/debbiemillman">Debbie Millman</a>, Host of <a href="http://www.debbiemillman.com/designmatters/">Design Matters</a></h4>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*zYlgu34OndGVsfEOBuAjsQ.png"></p>
<p><strong>Hope you enjoyed these sketchnotes, and keep your eyes peeled for Clarity 2018! 🤓</strong></p>
<p><em>P.S. I’m open to sketchnoting requests at conferences and events! DM me if interested 👍</em></p>
<p><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=f3ecae9ff105" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://blog.prototypr.io/official-sketchnotes-from-clarity-conference-2017-f3ecae9ff105">Official sketchnotes from Clarity Conference 2017</a> was originally published in <a href="https://blog.prototypr.io">Prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


Official sketchnotes from Clarity Conference 2017

A design systems conference in San Francisco | Nov 28–29, 2017

Top Stories