<p>Adobe XD Wireframe Kit. A collection of UI components for creating wireframes with swagger! Time-saving, idea sparking, back-patting wireframe goodness. 👍 370+ Elements | 8 Pre-created Layouts | 60 Custom Icons | Mobile &amp; Desktop | Ultimate Flexibility!</p>


heywires | Adobe XD Wireframe Kit

<div class="gallerycontainer boxShadow-subtle react_hide" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; clear:both; 

margin-bottom:20px;"><br />
[post_gallery]
</div>
<div class="gallerycontainer boxShadow-subtle" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; clear:both; margin-

bottom:20px;"></p>
<h2  style="font-size:22px;padding-bottom:20px">unDraw for XD</h2>
<p>Beautiful images for your client and personal design projects, without attribution. A completely different kind of plugin, exclusively on XD.
</p></div>
<div class="gallerycontainer boxShadow-subtle react_hide" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; 

clear:both;"></p>
<h2  style="font-size:22px;padding-bottom:20px">Related links</h2>
<p>[link-preview url=&#8221;https://xd.undraw.co/#learn_more&#8221;]</p>
</div>


unDraw for XD

<p>[post_gallery]</p>
<p>A collection of free Adobe XD wireframe kits to do wireframing digitally.</p>


Adobe XD Wireframe Kits &#8211; FREE

<p>Your tool to translate design into code.</p>


Yotako

<p>The plugin to help you design and build products that are accessible, ethical, and inclusive.</p>


Stark

<p>Generate gorgeous confetti patterns in 1 click within Adobe XD.</p>


Confetti for Adobe XD

<p></p>
<p>Bring your Figma designs into Framer and create interactive prototypes in a quick manner. Figma Importer for Framer brings together two of the most powerful tools in design right now. While with Figma you can easily build a static prototype or even UI, with Framer you can bring it to life. This integration: </p>
<p></p>
<p></p>
<ul>
<li>Introduces a more open workflow </li>
<li>Gives teams a competitive edge</li>
</ul>
<p></p>
<p></p>
<p>Give it a try! </p>
<p></p>


Figma Importer for Framer


<p>Get your Figma files to your developers in an instant. Figma Handoff facilitates the design handoff process, so you can quickly go from design to deployment. Besides that, make sure your dev team has the correct project specifications. Features include:</p>



<ul><li>Size, distance and design properties</li><li>Settings for different platforms</li><li>Offline exporting</li><li>Images exporting</li></ul>



<p>Also, it&#8217;s fully open source. ⚡️ By <a href="https://twitter.com/leadream4">leadream</a>.</p>


Figma Handoff


<p>Figma is listening to the design community and just keeps on growing. The tool&#8217;s Auto Layout feature is out, meaning that:</p>



<ul><li>💎 Buttons resize with their text </li><li>💫 Lists rearrange themselves when items are moved around</li><li>🌈 Elements are nested to respond to their content</li></ul>



<figure class="wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter"><div class="wp-block-embed__wrapper">
https://twitter.com/figmadesign/status/1202618685795553280
</div></figure>



<h2 class="marginTop-l">Before and After</h2>



<p>This gif from Tony demonstrates just how much time Autolayout can save you. Here, he compares the old way with the new way:</p>



<figure class="wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter"><div class="wp-block-embed__wrapper">
https://twitter.com/TGines/status/1202689073883860993
</div></figure>



<h2 class="marginTop-l">How it&#8217;s made</h2>



<p>Autolayout is a very useful feature, and a many design and enginerring decisions must have been made to get this working. <a href="https://twitter.com/skuwamoto">Sho Kuwamoto</a>, Director of Product Design at Figma, explains why items in an Autolayout frame go backwards:</p>



<figure class="wp-block-embed-twitter wp-block-embed is-type-rich is-provider-twitter"><div class="wp-block-embed__wrapper">
https://twitter.com/skuwamoto/status/1204261358428012545
</div></figure>



<h2 class="marginTop-l">Related Reads</h2>



<p class="marginBottom-m">Here&#8217;s a couple more articles on our blog on how Auto Layout works. Thanks to <a href="https://blog.prototypr.io/@christopherbamharrison">Chris Bam Harrison</a> and <a href="https://blog.prototypr.io/@davi.costa?source=post_page-----e54666a47aba----------------------">Davi Costa</a> for sharing their experiences.</p>



<blockquote class="embedly-card"><h4><a href="https://blog.prototypr.io/putting-figmas-auto-layout-through-its-paces-9bd779239c47?source=collection_home---4------6-----------------------">Putting Figma&#8217;s Auto-Layout through its paces</a></h4><p>First, let&#8217;s talk about fundamentals. For most people, auto layout is going to allow you to design elements that contain text without having to redesign them when the text changes. The first use most of us will have for this feature are dynamically resizing buttons, as seen in this great tweet: As the length of the text increases, so does the other elements in the button.</p></blockquote>
<script async="" src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>



<blockquote class="embedly-card"><h4><a href="https://blog.prototypr.io/what-auto-layout-in-figma-allows-e54666a47aba">What &#8220;Auto Layout&#8221; in Figma allows</a></h4><p>Objects can resize frames, but frames can&#8217;t resize these objects. 🚨 Disclaimer: This article covers the state of the feature as of December 2019. It&#8217;s probable that the shortcomings explained here will be addressed in the near-term. Hopefully 🙏 &#8220;When you add Auto Layout to a frame, the items inside are stacked next to each other (either vertically or horizontally).</p></blockquote>
<script async="" src="//cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>


Figma Auto Layout


<p>Get logo inspiration right inside Figma with this useful plugin by <a href="https://twitter.com/imdeepjoshi">Deep Joshi</a> and <a href="https://twitter.com/its_mnthn">Manthamkunar Satani</a>. Logo Creator comes with 50+ logo shapes  that you can choose from and craft into your own logo. If you need ideas, check the logo inspiration collection where you can browse logos from popular apps.</p>


<p>&#8230;..</p>

Figma Logo Creator


<p>A Figma plugin for finding colors by <a href="https://twitter.com/notdetails">Joel Califa</a>. Search for anything, find a color. Color Search gives you up to 5 colors for literally any search query.  Choose your favorite an add it to your local styles in seconds!</p>


Figma Color Search


<p>Speed up your Figma skills with this game-like experience. Figma Ninja helps you learn the basics of Figma and use the tool&#8217;s shortcuts to make your workflow more efficient. </p>


Figma Ninja

The Best Projects are the Ones that Develop You Into a Better Designer

<p></p>
<p>This eBook from Marvel will help you learn the basic principles of a design system and also help you build one.  </p>
<p></p>
<p></p>
<p></p>


Getting Started with Design Systems &#8211; eBook

<div class="gallerycontainer boxShadow-subtle react_hide" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; clear:both; 

margin-bottom:20px;">
[post_gallery]</div>
<div class="gallerycontainer boxShadow-subtle" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; clear:both; margin-

bottom:20px;">
<h2 style="font-size:22px;padding-bottom:20px">
Marvel Enterprise 3</h2>
The all new Marvel Enterprise gives you everything you need create amazing products at scale.
Wireframe, prototype, user test and developer handoff in a single platform that powers design productivity and collaboration.

</div>
<div class="gallerycontainer boxShadow-subtle react_hide" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; 

clear:both;">
<h2 style="font-size:22px;padding-bottom:20px">Related links</h2>
[link-preview url=&#8221;https://blog.marvelapp.com/&#8221;]

</div>

Marvel Enterprise 3

<div class="gallerycontainer boxShadow-subtle react_hide" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; clear:both; 

margin-bottom:20px;"><br />
[post_gallery]
</div>
<div class="gallerycontainer boxShadow-subtle" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; clear:both; margin-

bottom:20px;"></p>
<h2  style="font-size:22px;padding-bottom:20px">User Testing v2 by Marvel </h2>
<p>Prototyping meets User Testing.Get video, voice and analytical feedback on designs and prototypes in just a few clicks. Now in private beta.Whether you&#8217;re running an in-person user interview or a remote usability test, you’ll be able to capture and view every tap, click, comment and reaction on your prototype just by sharing a link.
</p></div>
<div class="gallerycontainer boxShadow-subtle react_hide" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; 

clear:both;"></p>
<h2  style="font-size:22px;padding-bottom:20px">Related links</h2>
<p>[link-preview url=&#8221;https://marvelapp.com/enterprise&#8221;]</p>
</div>


User Testing v2 by Marvel

<div class="gallerycontainer boxShadow-subtle react_hide" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; clear:both; margin-bottom:20px;">
[post_gallery]
</div>
<div class="gallerycontainer boxShadow-subtle" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; clear:both; margin-bottom:20px;">
<h2  style="font-size:22px;padding-bottom:20px">About The Design Thinking Workshop Kit</h2>
<p>This Design Thinking Workshop Ket from Marvel helps you create a hands-on workshop that will give you and your team a simple, fun and reusable process using the basic principles of Design Thinking for creating new features, apps, websites or products.</p>
</div>
<div class="gallerycontainer boxShadow-subtle react_hide" style="width:100%;position:relative;display:inline-block; padding:20px;background:#fff; clear:both;">
<h2  style="font-size:22px;padding-bottom:20px">Related links</h2>
<p>[link-preview url=&#8221;https://blog.marvelapp.com/introducing-design-thinking-workshop-kit/&#8221;]</p>
</div>


The Design Thinking Workshop Kit

<p>Import Sketch prototypes into Marvel.</p>


Marvel + Sketch

<p>Userflows turns your Marvel prototypes into interactive user journeys that give you a birds-eye view of how users will move from screen to screen, helping you tell a better story to developers, stakeholders and clients.</p>


Userflows — Made with the Marvel API

Save the Freelancers: Evil Employers and Open Source for Designers

How to design a sleek dashboard UI

Here’s why you are not getting hired as a product designer

Track all Your Side Project in 1 Notion template

An unfiltered look: #throwback portfolios

Entering the Design Industry

Dear designers, please contribute to open source

Data visualization through storytelling

The Side Hustle: Developing Outside of Your 9–5

Introducing Prototypr Projects

<h2>By Design.</h2>



<p><p style="color:#718096;"><em>By Design is a weekly letter reaching ~170,000 people following the Prototypr Medium publication. Written by Sophie Clifton-Tucker, we unearth unheard voices, and break down the barriers in design and development.</em></p></p>



<h3>Issue #3</h3>



<p>I hate workplace inequality even more than I hate toast that isn’t buttered all the way to the edge. And I&nbsp;<em>really&nbsp;</em>hate badly buttered toast.</p>



<p>But on a serious note, it’s been a hell of a year for workplace turmoil, with many companies finally revealing their true colours. Companies making cuts because of the economy, job offers being rescinded due to COVID-19, and putting systematic racism in the hot seat has been the flavour of 2020 so far.</p>



<p>How’s your company doing?</p>



<figure class="wp-block-image"><img src="https://prototypr.io/wp-content/uploads/2019/05/image_preview-2.png" alt="This image has an empty alt attribute; its file name is image_preview-2.png"/></figure>



<h2 id="e650"><strong>Hot off the Press</strong></h2>



<ul><li><a rel="noreferrer noopener" href="https://www.businessinsider.com/google-rescinds-job-offers-contractors-thousands-2020-5?r=US&amp;IR=T" target="_blank"><strong>Ok Google, Really?</strong></a><strong>:&nbsp;</strong>Taking a leap of faith and starting a new job is scary. Taking that leap into thin air is even scarier. But that’s exactly what happened to more than 2000 hopeful temporary/contract workers, whose job offers were rescinded in a cost-cutting move by the tech giants. Temporary, contract, or vendor workers (TVCs) make up 50% of Google’s workforce meaning, although they work on&nbsp;<em>behalf</em>&nbsp;of the company, they don’t legally work&nbsp;<em>for</em>&nbsp;the company. All the work, none o’ the perks! It’s a huge point of contention, as former ‘employee’ Kiprovski outlined in an&nbsp;<a rel="noreferrer noopener" href="https://www.business-standard.com/article/international/the-frustrating-life-of-a-contract-worker-in-google-s-shadow-workforce-119110701625_1.html" target="_blank">article last year</a>. Amidst all this chaos,&nbsp;<a rel="noreferrer noopener" href="https://techcrunch.com/2020/03/25/internships-are-getting-canceled-due-to-covid-19-heres-why-you-should-care/" target="_blank">UX internships for designers&nbsp;</a>were yanked back out of their hands, and with it, access to valuable work experience and future job opportunities. Way to go, Google. (For a more comprehensive look at layoffs triggered by the pandemic, take a look at what&nbsp;<a rel="noreferrer noopener" href="https://www.visualcapitalist.com/layoffs-prominent-startups-covid-19/" target="_blank">Visual Capitalist</a>&nbsp;have put together.)</li><li><a rel="noreferrer noopener" href="https://www.independent.co.uk/life-style/gadgets-and-tech/news/reddit-moderators-letter-racism-black-lives-matter-a9555801.html" target="_blank"><strong>Dear Steve</strong></a>: Reddit has also been under fire by former CEO Ellen Pao for ‘amplifying’ racism and hate. In&nbsp;<a rel="noreferrer noopener" href="https://redditblog.com/2020/06/01/remember-the-human-black-lives-matter/" target="_blank">a note to Reddit employees</a>, current CEO Steve Huffman wrote of how Reddit “does not tolerate hate, racism, and violence”, but it seems it went down as well as a pair of paper swim shorts as employees called him out, sparking an&nbsp;<a rel="noreferrer noopener" href="https://www.reddit.com/r/AgainstHateSubreddits/comments/gyyqem/open_letter_to_steve_huffman_and_the_board_of/" target="_blank">open letter to Huffman</a>with actionable steps signed by almost 1000 moderators. “<em>You don’t get to say BLM when reddit nurtures and monetizes white supremacy and hate all day long.</em>” stated Pao, who experienced her fair share of user-led racism at the company.</li><li><a rel="noreferrer noopener" href="https://medium.com/@kofi_blog/avi-schiffmann-chooses-ko-fi-to-fund-top-covid-tracker-turns-down-8m-in-advertising-68a2f47ef726" target="_blank"><strong>Fund Your Passions</strong></a><strong>:</strong>&nbsp;If your workplace is killing your vibe, maybe it’s time to fly the coop and finally start that side hustle; that’s exactly what 17-year-old Avi Schiffmann did, whose COVID tracker&nbsp;<a rel="noreferrer noopener" href="http://ncov2019.live/" target="_blank">ncov2019.live</a>now has over 1.5&nbsp;<em>billion</em>&nbsp;unique visitors. In late December/early January of this year, Avi began working on his ‘little project’. By March, the site was experiencing a surge in traffic, and in May Avi won the Webby Person of the Year award. Avi turned down an eye-watering $8 million in advertising so as to avoid compromising the UI, but does he regret it? Avi instead opted for a&nbsp;<a rel="noreferrer noopener" href="https://ko-fi.com/" target="_blank">Ko-fi badge</a>&nbsp;on his site, which earned him over $10,000 in donations in a single day. So no, I don’t suppose he does.</li><li><a rel="noreferrer noopener" href="https://www.creativereview.co.uk/future-startup-now-founders-training/" target="_blank"><strong>Diversity in Tech</strong></a>: Future Startup Now Founders is a 5-week virtual mentorship programme, forming part of the Mayor of London’s ‘Digital Talent Programme’. Virtual training and a number of grants were made available to those who are often underrepresented in the tech/digital sectors. Once the lucky few have completed their training, they’ll pitch their business ideas to be in the running for a £5000 grant. A bit like a futuristic Dragons’ Den. More of this, please! In a similar vein, Adobe recently announced the 10 winners of the&nbsp;<a rel="noreferrer noopener" href="https://twitter.com/Adobe/status/1276216104558440450" target="_blank">Adobe Design Circle Scholarships</a>, one of which was UI/UX writer&nbsp;<a rel="noreferrer noopener" target="_blank" href="https://blog.prototypr.io/redesigning-the-apple-music-app-ui-ux-case-study-8c1f4cc13d50">Jaymie Gill</a>.</li></ul>



<figure class="wp-block-image"><img src="https://prototypr.io/wp-content/uploads/2019/05/image_preview-2.png" alt="This image has an empty alt attribute; its file name is image_preview-2.png"/></figure>



<h2 id="c1e4">Weekly Roundup</h2>



<p><a rel="noreferrer noopener" href="https://prototypr.io/post/open-source/" target="_blank"><strong>Open Source for Designers</strong></a>:<strong>&nbsp;</strong>Oleg Romanyuk, Head of Inbound Marketing at KeenEthics, believes “open source developers are driven by altruism and the desire to help others”. It’s a great opportunity for programmers to collaborate on projects that mean something to them. But great OSS doesn’t necessarily mean a usable one — just ask&nbsp;<a rel="noreferrer noopener" href="https://prototypr.io/post/open-source/" target="_blank">Chetan Kaushik</a>. Many designers don’t know where to find these sorts of open source projects, or that they even exist. But how to get a shoe in the door of the developer-centred world of OSS? It could be as simple as&nbsp;<a rel="noreferrer noopener" href="https://prototypr.io/post/open-source/" target="_blank">logos and T-shirts</a>. So, why open source? Because it’s the right thing to do! A huge share of the internet itself was designed as open source projects — and now look at us, enjoying the fruits of their labour to read this fancy newsletter. As&nbsp;<a rel="noreferrer noopener" href="https://www.freecodecamp.org/news/what-is-great-about-developing-open-source-and-what-is-not/" target="_blank">Oleg</a>&nbsp;says, “<em>If we enjoy the benefits of open source, giving back to the community is the right thing to do.</em>”</p>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/2572/1*s-1tahDEVTN9Det0fQyZJA.png" alt=""/></figure>



<hr class="wp-block-separator"/>



<p><a rel="noreferrer noopener" href="https://prototypr.io/post/how-brands-businesses-can-actually-value-blacklivesmatter/" target="_blank"><strong>Change Your Workplace</strong></a><strong>:&nbsp;</strong>May 25th is a date that will rightfully stand out in history as a pivotal moment for the BLM movement. But how can brands and businesses actively make a difference beyond performative posts and tokenistic talk? Maanushi Rana offers&nbsp;<a rel="noreferrer noopener" href="https://prototypr.io/post/how-brands-businesses-can-actually-value-blacklivesmatter/" target="_blank">7 ways</a>&nbsp;in which your workplace can advocate for diversity and inclusion.</p>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/2572/1*Q4pNEDWpqdNOfsIJ4p3N3A.png" alt=""/></figure>



<hr class="wp-block-separator"/>



<p><a rel="noreferrer noopener" target="_blank" href="https://blog.prototypr.io/i-launched-a-side-project-to-showcase-malaysian-creators-malaysians-who-make-cf1fcc209419"><strong>Malaysians Who Make</strong></a>: COVID-19 pulled the proverbial rug from under a lot of designers this year, but instead of moping on the sofa with a box of Chips Ahoy (guilty),&nbsp;<a rel="noreferrer noopener" href="https://medium.com/u/1c5f0979a634?source=post_page-----7aeafdcb17ec----------------------" target="_blank">Rachel</a>&nbsp;made moves and launched a directory for Malaysian artists, designers, data scientists, photographers, speakers, writers &amp; more. Taking a leaf out of our&nbsp;<a rel="noreferrer noopener" target="_blank" href="https://blog.prototypr.io/the-side-hustle-developing-outside-of-your-9-5-69471b78e9b5">last newsletter</a>, Rachel talks us through her timeline from ideation to launch, offering some useful tips for amateur coders.&nbsp;<a rel="noreferrer noopener" href="https://malaysianswhomake.com/" target="_blank">Malaysians Who Make</a>&nbsp;is not only an inclusive space for makers to connect, but also a great way for recruiters/organisers to nab their latest candidate.</p>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/2572/1*_jMHBQ744lb2KA7l3Of0Pg.png" alt=""/></figure>



<hr class="wp-block-separator"/>



<p><a rel="noreferrer noopener" target="_blank" href="https://blog.prototypr.io/the-mid-career-crisis-d03e70e3a7ea"><strong>The Mid-Career Crisis for Designers</strong></a>: You may have heard of discipline mapping, but what about purpose mapping? After being laid off,&nbsp;<a rel="noreferrer noopener" href="https://medium.com/u/79622f951001?source=post_page-----7aeafdcb17ec----------------------" target="_blank">Sigit</a> reflected on his UX career:&nbsp;<em>“Do I want to keep being opportunistic, or try to drive myself towards something that’s more aligned towards what I want to be in life, and most importantly, not only for me, but for the greater good?”&nbsp;</em>This led to mapping out his missions and what this meant for his job (from moving to a smaller company to relocating) and considering the concrete problems he wanted to solve, such as advancing entrepreneurship in smaller economies and helping the underprivileged through technology. Sigit for president!</p>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/2572/1*ZwYgHHuDB7H8l3r4qY3d3A.png" alt=""/></figure>



<hr class="wp-block-separator"/>



<p><a rel="noreferrer noopener" href="https://prototypr.io/post/entering-the-design-industry/" target="_blank"><strong>Your Ticket to the Design Party</strong></a>: As&nbsp;<a rel="noreferrer noopener" href="https://medium.com/u/2ff65e57ac29?source=post_page-----7aeafdcb17ec----------------------" target="_blank">Vivek</a>&nbsp;so eloquently states, “we’re living in some weird ass times”. Trying to attain financial security in 2020 can feel a bit like being out at sea. During a storm. In a rubber dinghy. With a hole in it. But coming in on a rescue boat is Vivek with his safety kit of practical tips on entering the fields of Product/User Experience Design. Are you coming from a non-design background? Own it! Need a mentor? Reach out to people on forums such as Slack/LinkedIn! Nervous? Good! The Design market is fiercely competitive — shove those nerves in the furnace and use them as fuel.</p>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/2572/1*geR4hJTyVwPDgcHCv3d1XA.png" alt=""/></figure>



<figure class="wp-block-image"><img src="https://prototypr.io/wp-content/uploads/2019/05/image_preview-2.png" alt="This image has an empty alt attribute; its file name is image_preview-2.png"/></figure>



<h1 id="2d10"><strong>Available for Hire</strong></h1>



<p>Is your employer evil? Is your mentor driving you mental? Keep one toe in the design job pool by signing up to our&nbsp;<a href="https://prototypr.io/people" target="_blank" rel="noreferrer noopener">People</a>&nbsp;page, and clicking ‘available for hire’. You might even see yourself featured right here in our bi-weekly newsletter, you lucky sausage you.</p>



<p><strong><em>Top Tip</em></strong><em>: Upload your recent projects, so that like-minded creators and prospective employers can see the awesome work you do!</em></p>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/2572/1*b64107_EiruaSthrqWeRqg.png" alt=""/></figure>



<h2 id="da04">Atharva Patil • Product Designer</h2>



<p><a href="https://www.linkedin.com/in/atharvaabhaypatil/" target="_blank" rel="noreferrer noopener">LinkedIn</a>&nbsp;|&nbsp;<a href="https://atharvapatil.github.io/" target="_blank" rel="noreferrer noopener">Website</a>&nbsp;|&nbsp;<a href="https://prototypr.io/people/atharvapatil/" target="_blank" rel="noreferrer noopener">Prototypr</a></p>



<ul><li><a href="https://medium.com/u/79da5497811e?source=post_page-----7aeafdcb17ec----------------------" target="_blank" rel="noreferrer noopener">Atharva</a>&nbsp;came up with the topical tool&nbsp;<a href="https://atharvapatil.github.io/corona-go/" target="_blank" rel="noreferrer noopener">Dont Touch Your Face</a>, an app that uses your camera to notify you when you’re touching your face, to help minimise the spread of COVID-19.</li><li>Similarly, he came up with&nbsp;<a href="https://uxplanet.org/sit-straight-encouraging-a-good-sitting-posture-cce1fbe038c0" target="_blank" rel="noreferrer noopener">Sit Straight!</a>&nbsp;— a posture classifier that blurs out Youtube videos if users don’t sit straight.</li><li>Whilst working at Olacabs, India’s largest cab company, Atharva explored designing for a non-conventional app while tackling challenges of designing for emerging markets, coming up with an intelligent&nbsp;<a href="https://www.thatworkedyesterday.com/designing-route-preferences-for-drivers" target="_blank" rel="noreferrer noopener">‘Go To’ feature</a>.</li></ul>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/2572/1*QYbIvkNVG098QwR_fcBuxw.png" alt=""/></figure>



<h2 id="2000">Olalani Oluwaseun • Product Designer</h2>



<p><a href="https://www.linkedin.com/in/olalani-oluwaseun-79323077/" target="_blank" rel="noreferrer noopener">LinkedIn</a>&nbsp;|&nbsp;<a href="https://olalani.github.io/" target="_blank" rel="noreferrer noopener">Website</a>&nbsp;|&nbsp;<a href="https://prototypr.io/people/olalanioluwaseun/" target="_blank" rel="noreferrer noopener">Prototypr</a></p>



<ul><li>Olalani is a self-taught Front-end Web Developer and aspiring Full Stack Web Developer who came from a background in banking. He is an active member of Google Cloud Developer Community, Lagos; Google Business Group Ikeja, Lagos; Tester of Facebook Local Insight Lagos and Dev Community online.</li><li>Olalani is also the co-founder of Soft Web Creator, where he creates responsive websites as a freelancer for both individuals and organisations. Peruse some of his&nbsp;<a rel="noreferrer noopener" href="https://olalani.github.io/#section3" target="_blank">past projects here</a>.</li></ul>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/2572/1*-3iOQSuikkkr7dneHxxKYQ.png" alt=""/></figure>



<h2 id="5183">Cindy Natassia • Product Designer</h2>



<p><a href="https://www.linkedin.com/in/cindynatassia/" target="_blank" rel="noreferrer noopener">LinkedIn</a>&nbsp;|&nbsp;<a href="https://www.cindynatassia.me/" target="_blank" rel="noreferrer noopener">Website</a>&nbsp;|&nbsp;<a href="https://prototypr.io/people/cindynatassia/" target="_blank" rel="noreferrer noopener">Prototypr</a></p>



<ul><li><a rel="noreferrer noopener" href="https://medium.com/u/82cfb17a79cb?source=post_page-----7aeafdcb17ec----------------------" target="_blank">Cindy Natassia</a>&nbsp;is an Indonesian product designer who believes “a good product is not only a product that is beautifully designed but also adds value”. Right on, Cindy! Take a look at some of her work over on&nbsp;<a rel="noreferrer noopener" href="https://dribbble.com/ncindy/" target="_blank">Dribbble</a>.</li><li>One of the cool projects Cindy was involved in, from testing to launch, was the complete redesign of&nbsp;<a rel="noreferrer noopener" href="https://cindynatassia.me/printt" target="_blank">Printt</a>&nbsp;— a free printing platform for students.</li><li>Cindy also gave the&nbsp;<a rel="noreferrer noopener" href="https://cindynatassia.me/tfl-oyster-app-redesign" target="_blank">TfL Oyster App</a>&nbsp;a facelift at university. Check it out!</li></ul>



<figure class="wp-block-image"><img src="https://miro.medium.com/max/2892/1*VcqtrAJ5UmvRVqh2dikzHA.png" alt=""/></figure>



<p>To be silent is to be complicit. Black lives matter.&nbsp;<a href="https://blmbadge.com/" target="_blank" rel="noreferrer noopener">Click</a>&nbsp;to add this badge to your website. ✊🏽 Get it. ✊🏿 Be loud. ✊🏼 Fight against racism.</p>

<span style="font-family: arial, sans-serif;">Showcase Your Creativity with a Free .design Domain Name!
</span>

<span id="m_4809070219969008122gmail-docs-internal-guid-df0a91aa-7fff-2907-366e-184162cfe0b6"><span style="font-family: arial, sans-serif;">With life and commerce moving online faster than ever, it's even more important to distinguish yourself with a unique online presence. Get 1-year of a free .design domain name for your website today.</span></span>

Porkbun - Free .design Domain Name!

<span style="color: #000000;">Showcase your portfolio on Wix. Get started now.</span>

Build Your Own Professional Website

<p>Designing presentations has never been this easy. Design slides in sketch and later convert it to an editable Powerpoint presentation for free using Deck</p>


Deck

<p>Create avatar illustrations in Sketch with this free library designed by <a href="https://twitter.com/pablostanley">Pablo Stanley</a>. Mix and match clothing, hair, emotions, accessories and colours.</p>


Avataaars

<p>A better way to browse your symbols. Make the most of your Design System by bringing symbols and UI Sticker sheet together.</p>
<p>This plugin lets you&#8230;</p>
<p>&#8212; Browse Symbols from multiple Libraries (All in one place)<br />
&#8212; True-to-size symbol preview<br />
&#8212; Drag-N-Drop Symbols and UI Kit / Stickers<br />
&#8212; Add documentation to your Sketch Library<br />
&#8212; [New] Share instances of the Symbol<br />
&#8212; [New] Works offline</p>
<p>Visit plugin website for more: http://symbol-browser.pratikshah.website</p>


Symbol Browser &#8211; Sketch Plugin

<p></p>
<p>Get real 3D mockups and elements directly in Sketch with Vectary&#8217;s new plugin. Vectary for Sketch allows you to import your 3D designs to Sketch and choose the angle you want. Also, you can set it up as a custom 3D mockup or element. A simple plugin with plenty of room for customization. </p>
<p></p>


Vectary for Sketch


<p>Zecoda turns your Sketch project into Vue.JS in no time. This means that you can automatically go from design to a fully responsive website.</p>


Zecoda


<p>Create your unique monsters using a single Sketch symbol or Figma component. Mix-and-match your monsters &#8211; it’s super easy! Just swap nested body parts and choose their color styles to create unique combinations.</p>



<p>Creatures is free for commercial or personal use under&nbsp;<a rel="noreferrer noopener" href="https://creativecommons.org/licenses/by/4.0/" target="_blank">CC Attribution 4.0&nbsp;</a>International License.</p>


Creatures

<p>Your conversational design suite. Design and prototype your next chatbot or voice assistant. Create a mockup of your project on Messenger, Slack, Google Assistant, Alexa and more. The next generation design solution for chatbots and voice.</p>


Botsociety 2.0

<p>A machine learning toolkit for creators. Runway let&#8217;s you train and use your own custom machine learning models with a simple and intuitive visual interface.</p>


The Design Toolbox for All You Need

Save the Freelancers: Evil Employers and Open Source for Designers

Daily Toolbox

🔥 Latest Tools

Open Stories

☕️ Reading List

Creators

Chris Bam Harrison

UX Designer