Designing the all-new Framer

<p>Framer – Medium | Framer Team Detaching code from canvas for a smarter but simpler workflow | Framer.com http://ift.tt/2qiefBZ Over the last 2 years, we’ve built Framer into an extensive product, one that’s supportive of, to quote ourselves, “design without limits”. But with such a robust toolkit comes some degree of clutter. Today we’re shipping […]</p>

Breakdown

Framer – Medium | Framer Team

Detaching code from canvas for a smarter but simpler workflow | Framer.com

<a class="underline text-lg font-semibold text-gray-700" target="_blank" href="null?ref=prototypr.io">Read full post on ift.tt</a> →</div></div></div><div class="mt-8 hidden lg:block"><h2 class="text-lg font-bold mb-6">Latest News</h2><div class="space-y-8"><section aria-labelledby="today" class="lg:border-gray-200 md:pl-"><div class="grid grid-cols-9 col-span-9 mb-3"><div class="col-span-9 mb-8"><div class="space-y-4"><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/penpot-design-systems"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">Build Design Systems With Penpot Components</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 21, 2:15 AM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Penpot's new component system for building scalable design systems, emphasizing designer-developer collaboration.</div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=smashingmagazine.com"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">smashingmagazine.com</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/119b3374d76d04d37b97c56de22bc2b4.png"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article></div></div></div></section><section aria-labelledby="yesterday" class="lg:border-gray-200 md:pl-"><div class="grid grid-cols-9 col-span-9 mb-3"><div class="col-span-9 mb-8"><div class="space-y-4"><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/css-stuff-excited"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">CSS Stuff I’m Excited After the Last CSSWG Meeting</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 20, 10:24 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Key CSS developments from CSSWG meeting, including inline conditionals, cross-document transitions, and anchor positioning. </div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=css-tricks.com"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">css-tricks.com</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c6f28d08c3a897d06eec535611dd2584.png"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article></div></div></div></section><section aria-labelledby="thisWeek" class="lg:border-gray-200 md:pl-"><div class="grid grid-cols-9 col-span-9 mb-3"><div class="col-span-9 mb-8"><div class="space-y-4"><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/vape-the-internet"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">I Tried to Vape the Internet</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 19, 7:29 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Journalist Samantha Cole explores the reality behind viral 'internet vape' memes, testing a smart vape with limited connectivity features. </div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=404media.co"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">404media.co</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f841d8829959042d73c554ce9403cc7d.png"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/objects-of-life-1983"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">The Objects of Our Life (1983)</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 18, 7:32 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Steve Jobs' visionary 1983 Aspen talk highlights the crucial role of design in making personal computers accessible and envisions them as tools for creativity and human progress.</div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=stevejobsarchive.com"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">stevejobsarchive.com</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cd53280cd81ad538532a8742f366a5.avif"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/effective-conversational-ai-experiences"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">How To Design Effective Conversational AI Experiences</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 17, 2:41 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Learn how to design effective conversational AI experiences with this comprehensive guide by Yinjian Huang. </div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=smashingmagazine.com"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">smashingmagazine.com</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c2334627e93c24121ab879274cbfb70c.png"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/ai-600b-question"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">AI's $600B Question</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 16, 2:38 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">The widening gap between AI infrastructure investments and revenue growth.</div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=sequoiacap.com"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">sequoiacap.com</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fe9f2832d57bd659a29d5545dfa7a3de.png"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/end-of-influencers"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">The End of Influencers</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 15, 2:35 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Michal explores the decline of genuine engagement on social media, the rise of personal branding, and the potential resurgence of long-form content in the influencer-saturated digital landscape.</div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=hype4.academy"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">hype4.academy</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3a9c38f43d8d39340b66dec92236630d.avif"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/eu-funding-free-software"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">The European Union must keep funding free software</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 15, 2:34 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Open letter urges EU to maintain Next Generation Internet program funding for free software, citing innovation and sovereignty concerns. </div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=jeremiahlee.com"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">jeremiahlee.com</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e7bafc181268c7cfa91cc5cb77038055.png"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article></div></div></div></section><section aria-labelledby="July 2024" class="lg:border-gray-400/60"><div class="grid lg:grid-cols-12 pr-8 pb-8 rounded-xl grid-cols-1 gap-y-6 "><h2 id="July 2024" class="text-lg col-span-12 font-semibold text-gray-800">July 2024</h2><div class="col-span-12"><div class="space-y-4"><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/large-horse"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">large.horse</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 10, 3:48 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">large horse</div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=large.horse"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">large.horse</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/0bc976775649b11ca1c5caae34f9584b.png"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/design-accessibility-mockups"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">Checking design accessibility in your mockups</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 9, 3:47 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Enhance accessibility in Figma mockups with color usage, contrast ratios, and more.</div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=stephaniewalter.design"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">stephaniewalter.design</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/a7772ad849681140a22bd28e81e2ef56.jpg"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/design-token-ugly-mode"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">Design token ugly mode</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 8, 10:41 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Design token "ugly mode": a visual strategy to expose inconsistent UI implementations and promote comprehensive design system adoption.</div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=ericwbailey.website"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">ericwbailey.website</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/801e24f8156ea5bb0c29d3f5a7f74ef9.png"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article><article class="group relative flex bg-white p-4 shadow-sm border border-gray-300/50 rounded-2xl"><a class="flex" href="/news/customer-journey-maps"><div class="flex flex-col items-start pl-6 pr-3"><h3 class="text-lg font-semibold tracking-tight text-gray-800 dark:text-gray-100"><a><span class="absolute -inset-x-4 -inset-y-0 z-20 sm:-inset-x-6 sm:rounded-2xl"></span><span class="relative z-10">Customer Journey Map Templates</span></a></h3><div class="z-10 mb-2 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-sm my-auto font-base text-gray-500">Jul 8, 3:51 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2">Customer journey mapping guide: UX examples, templates, and best practices for visualizing user experiences. Free Miro and Figma resources included.</div></p><div class="z-10 mt-1 flex w-[fit-content]"><div class="my-auto flex rounded-full flex-col justify-center p-[1px] mr-0.5 bg-black/50"><img class="w-4 h-4 mx-auto my-auto rounded-full" src="https://www.google.com/s2/favicons?domain=smashingmagazine.com"/></div><div class="text-[10px] ml-1 text-gray-600 my-auto leading-none font-medium uppercase">smashingmagazine.com</div></div></div><div class="relative flex-none group-hover:scale-[1.02] w-[120px] h-[120px] order-first transition transition-all duration-400"><img class="rounded-lg z-10 h-full w-full object-cover" src="https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/721d6155cbbfdd25bb7b793527c488f3.avif"/></div><div class="flex flex-col justify-center"><svg width="20" height="20" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-gray-400 group-hover:text-gray-900 fill-current group-hover:translate-x-2 duration-150 ease-in-out"><path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></div></a></article></div></div></div></section></div></div></div></div></div></div><div class="col-span-12 lg:col-span-3 "><div class="p-4 bg-[#f4f4f4]/60 rounded-xl mb-4"><div class=" flex"><div class="md:mb-0 block md:block rounded-lg"><a href="/people/undefined"><div class="py-2 w-full relative flex flex-row-reverse justify-end"><div class="relative ml-6"><div class="w-16 h-16 rounded-full border border-1 border-gray-300/50 overflow-hidden relative"><img tabindex="0" alt="Author profile picture" loading="lazy" decoding="async" data-nimg="fill" class="rounded-full " style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent" sizes="100vw" srcSet="https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png?w=640&q=70&format=avif&compress=true&dpr=1 640w, https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png?w=750&q=70&format=avif&compress=true&dpr=1 750w, https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png?w=828&q=70&format=avif&compress=true&dpr=1 828w, https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png?w=1080&q=70&format=avif&compress=true&dpr=1 1080w, https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png?w=1200&q=70&format=avif&compress=true&dpr=1 1200w, https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png?w=1920&q=70&format=avif&compress=true&dpr=1 1920w, https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png?w=2048&q=70&format=avif&compress=true&dpr=1 2048w, https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png?w=3840&q=70&format=avif&compress=true&dpr=1 3840w" src="https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png?w=3840&q=70&format=avif&compress=true&dpr=1"/></div></div><div class="my-auto w-3/5"><p tabindex="0" class="text-base cursor-pointer leading-5 font-semibold text-gray-800"></p><p tabindex="0" class="text-base text-gray-500">Author</p></div></div></a></div></div></div><div class="flex mb-4 flex-col gap-4 mt-4 p-4 rounded-2xl bg-[#f4f4f4]/60"><div class="text-gray-500"><h3 class="text-sm tracking-tight ">Curated</h3><div class="text-base tracking-tight font-medium text-gray-500">27th April 2017</div></div><div class="text-gray-500 mt-1"><h3 class="text-sm tracking-tight ">Source</h3><a href="null?ref=prototypr.io" target="_blank"><div class="text-base tracking-tight font-medium text-gray-800">ift.tt</div></a></div><div class="text-gray-500 mt-1"><h3 class="text-sm tracking-tight ">Tags</h3></div><div class="mt-2"><div class="my-auto px-1 grid grid-cols-3 gap-4 w-[fit-content]"><div><a target="_blank" href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fprototypr.io%2Fpost%2Fdesigning-the-all-new-framer%2F&via=prototypr&text=Recommended%20read:%20%22Designing%20the%20all-new%20Framer%22%20✨%20check%20it%20out!"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 256 256"><path d="M214.75,211.71l-62.6-98.38,61.77-67.95a8,8,0,0,0-11.84-10.76L143.24,99.34,102.75,35.71A8,8,0,0,0,96,32H48a8,8,0,0,0-6.75,12.3l62.6,98.37-61.77,68a8,8,0,1,0,11.84,10.76l58.84-64.72,40.49,63.63A8,8,0,0,0,160,224h48a8,8,0,0,0,6.75-12.29ZM164.39,208,62.57,48h29L193.43,208Z"></path></svg></a></div><div><a target="_blank" href="http://www.facebook.com/share.php?u=https%3A%2F%2Fprototypr.io%2Fpost%2Fdesigning-the-all-new-framer"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm8,191.63V152h24a8,8,0,0,0,0-16H136V112a16,16,0,0,1,16-16h16a8,8,0,0,0,0-16H152a32,32,0,0,0-32,32v24H96a8,8,0,0,0,0,16h24v63.63a88,88,0,1,1,16,0Z"></path></svg></a></div><div><a target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fprototypr.io%2Fpost%2Fdesigning-the-all-new-framer"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="currentColor" viewBox="0 0 256 256"><path d="M216,24H40A16,16,0,0,0,24,40V216a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V40A16,16,0,0,0,216,24Zm0,192H40V40H216V216ZM96,112v64a8,8,0,0,1-16,0V112a8,8,0,0,1,16,0Zm88,28v36a8,8,0,0,1-16,0V140a20,20,0,0,0-40,0v36a8,8,0,0,1-16,0V112a8,8,0,0,1,15.79-1.78A36,36,0,0,1,184,140ZM100,84A12,12,0,1,1,88,72,12,12,0,0,1,100,84Z"></path></svg></a></div></div></div></div><div class="p-3 bg-[#f4f4f4]/60 rounded-xl"><h1 tabindex="0" class="text-sm mb-3 text-gray-500">Related</h1><div class="flex flex-col gap-4"><article class="group relative flex"><a class="flex" href="/post/adobe-figma-meme"><div class="flex flex-col items-start pl-2"><h3 class="text-sm font-semibold tracking-tight text-gray-800 dark:text-gray-100"><span class="relative z-10">Adobe acquires Figma, cue the memes 🤪</span></h3><div class="z-10 mb-0.5 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-xs my-auto font-base text-gray-500/90">Sep 15, 1:27 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2"></div></p></div><div class="relative flex-none group-hover:scale-[1.02] w-[64px] h-[64px] order-first transition transition-all duration-400"><img loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="rounded-lg z-10 h-full w-full object-cover" style="color:transparent" srcSet="https://prototyprio.gumlet.io/strapi/b4834aafa71e71cdb0230f4218b06b8d.jpeg?w=128&q=75&format=avif&compress=true&dpr=1 1x, https://prototyprio.gumlet.io/strapi/b4834aafa71e71cdb0230f4218b06b8d.jpeg?w=256&q=75&format=avif&compress=true&dpr=1 2x" src="https://prototyprio.gumlet.io/strapi/b4834aafa71e71cdb0230f4218b06b8d.jpeg?w=256&q=75&format=avif&compress=true&dpr=1"/></div></a></article><article class="group relative flex"><a class="flex" href="/post/from-photography-to-nft-twisted-landscapes-with-nate-hill"><div class="flex flex-col items-start pl-2"><h3 class="text-sm font-semibold tracking-tight text-gray-800 dark:text-gray-100"><span class="relative z-10">From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill</span></h3><div class="z-10 mb-0.5 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-xs my-auto font-base text-gray-500/90">Jun 6, 3:00 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2"></div></p></div><div class="relative flex-none group-hover:scale-[1.02] w-[64px] h-[64px] order-first transition transition-all duration-400"><img loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="rounded-lg z-10 h-full w-full object-cover" style="color:transparent" srcSet="https://prototyprio.gumlet.io/strapi/8d8070381d986c2f80b500cdb024f518.png?w=128&q=75&format=avif&compress=true&dpr=1 1x, https://prototyprio.gumlet.io/strapi/8d8070381d986c2f80b500cdb024f518.png?w=256&q=75&format=avif&compress=true&dpr=1 2x" src="https://prototyprio.gumlet.io/strapi/8d8070381d986c2f80b500cdb024f518.png?w=256&q=75&format=avif&compress=true&dpr=1"/></div></a></article><article class="group relative flex"><a class="flex" href="/post/still-cant-get-a-ux-job-give-up"><div class="flex flex-col items-start pl-2"><h3 class="text-sm font-semibold tracking-tight text-gray-800 dark:text-gray-100"><span class="relative z-10">Still can’t get a UX job? Give up.</span></h3><div class="z-10 mb-0.5 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-xs my-auto font-base text-gray-500/90">Jan 9, 12:23 PM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2"></div></p></div><div class="relative flex-none group-hover:scale-[1.02] w-[64px] h-[64px] order-first transition transition-all duration-400"><img loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="rounded-lg z-10 h-full w-full object-cover" style="color:transparent" srcSet="https://prototyprio.gumlet.io/strapi/99cea6cfdc5230419363f2ada9bdfb43.jpg?w=128&q=75&format=avif&compress=true&dpr=1 1x, https://prototyprio.gumlet.io/strapi/99cea6cfdc5230419363f2ada9bdfb43.jpg?w=256&q=75&format=avif&compress=true&dpr=1 2x" src="https://prototyprio.gumlet.io/strapi/99cea6cfdc5230419363f2ada9bdfb43.jpg?w=256&q=75&format=avif&compress=true&dpr=1"/></div></a></article><article class="group relative flex"><a class="flex" href="/post/sticking-to-uiux-trends-is-a-losing-strategy"><div class="flex flex-col items-start pl-2"><h3 class="text-sm font-semibold tracking-tight text-gray-800 dark:text-gray-100"><span class="relative z-10">Sticking to UI/UX trends is a losing strategy</span></h3><div class="z-10 mb-0.5 order-first"><div class="relative z-10 flex items-center text-base pl-2.5 border-l-2 border-gray-300/80"><div class="text-xs my-auto font-base text-gray-500/90">Dec 29, 11:26 AM</div></div></div><p class="relative z-10 text-sm line-clamp-2 overflow-hidden text-gray-600 dark:text-gray-400"><div style="color:#4a5568" class="max-w-3xl text-base mb-2"></div></p></div><div class="relative flex-none group-hover:scale-[1.02] w-[64px] h-[64px] order-first transition transition-all duration-400"><img loading="lazy" width="100" height="100" decoding="async" data-nimg="1" class="rounded-lg z-10 h-full w-full object-cover" style="color:transparent" srcSet="https://prototyprio.gumlet.io/strapi/1d87545fb25cc1fd4f863555b25a02d1.webp?w=128&q=75&format=avif&compress=true&dpr=1 1x, https://prototyprio.gumlet.io/strapi/1d87545fb25cc1fd4f863555b25a02d1.webp?w=256&q=75&format=avif&compress=true&dpr=1 2x" src="https://prototyprio.gumlet.io/strapi/1d87545fb25cc1fd4f863555b25a02d1.webp?w=256&q=75&format=avif&compress=true&dpr=1"/></div></a></article></div></div><div class="mt-4"><div class="h-full"><a target="_blank" href="https://letter.so?ref=prototypr"><div class="flex pt-0 grid grid-col-1 gap-2 flex-grow h-full rounded-t-2xl shadow hover:shadow-xl border border-gray-300/60 transition transition-all duration-400 hover:scale-[1.02] group bg-white relative rounded-2xl fade- overflow-hidden"><div class="rounded-xl px-0 block cursor-pointer"><img data-priority="true" fetchpriority="high" data-gmlazy="false" alt="Brand logo for external website's link" decoding="async" data-nimg="fill" class="object-cover rounded-xl bg-white group-hover:shadow-sm transition-transform duration-300" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="https://prototyprio.gumlet.io/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp?w=640&q=70&format=avif&compress=true&dpr=1 640w, https://prototyprio.gumlet.io/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp?w=750&q=70&format=avif&compress=true&dpr=1 750w, https://prototyprio.gumlet.io/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp?w=828&q=70&format=avif&compress=true&dpr=1 828w, https://prototyprio.gumlet.io/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp?w=1080&q=70&format=avif&compress=true&dpr=1 1080w, https://prototyprio.gumlet.io/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp?w=1200&q=70&format=avif&compress=true&dpr=1 1200w, https://prototyprio.gumlet.io/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp?w=1920&q=70&format=avif&compress=true&dpr=1 1920w, https://prototyprio.gumlet.io/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp?w=2048&q=70&format=avif&compress=true&dpr=1 2048w, https://prototyprio.gumlet.io/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp?w=3840&q=70&format=avif&compress=true&dpr=1 3840w" src="https://prototyprio.gumlet.io/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp?w=3840&q=70&format=avif&compress=true&dpr=1"/><div class="absolute top-0 left-0 z-20"><div class="px-3 h-[18px] rounded-full shadow-xs text-[11px] font-medium m-3 border border-gray-200 bg-gray-100">Ad</div></div><div class="h-[220px] md:h-[310px] xl:h-[190px] rounded-xl m-2 relative flex flex-col justify-end"><div class="flex w-full justify-between p-2 bg-white backdrop-blur-sm rounded-2xl border border-gray-300/40"><div class="flex"><div class="rounded-xl z-20 flex"><img alt="Brand logo for external website's link" loading="lazy" width="48" height="48" decoding="async" data-nimg="1" class="object-cover flex-none flex-shrink-0 shine rounded-xl shadow border border-gray-300/30" style="color:transparent" srcSet="https://prototyprio.gumlet.io/strapi/b6f2b481f2feeac95de5316591125515.png?w=48&q=70&format=avif&compress=true&dpr=1 1x, https://prototyprio.gumlet.io/strapi/b6f2b481f2feeac95de5316591125515.png?w=96&q=70&format=avif&compress=true&dpr=1 2x" src="https://prototyprio.gumlet.io/strapi/b6f2b481f2feeac95de5316591125515.png?w=96&q=70&format=avif&compress=true&dpr=1"/><div class="overflow-hidden my-auto ml-3 text-gray-900"><div class="line-clamp-1 font-medium"> Letter</div><div class="text-xs mt-0.5 font-medium capitalize line-clamp-1">An AI-assisted newsletter builder for content creators, designers, and developers.</div></div></div></div><div class="flex flex-col z-20 justify-center"><span class="text-xs font-semibold uppercase bg-gray-100 font-medium py-0.5 px-3 text-blue-600 border border-black border-opacity-5 rounded-full">Get</span></div></div></div></div></div></a></div></div><div class="flex flex-col mt-3 gap-4"><div class="grid grid-cols-5 p-3 relative"><div class="z-10 col-span-5 xl:col-span-5 relative"><h3 class="font-bold drop-shadow-sm text-xl tracking-[-0.018em] text-gray-800">Tomorrow's news, today</h3><p class="text-base text-gray-600 mb-6">AI-driven updates, curated by humans and hand-edited for the Prototypr community</p></div><div class="col-span-12 relative z-10"><div class="rounded-md mb-12 lg:mb-0"><div><form class="undefined"><div class="w-full"><label for="Email" class="sr-only ">Enter your email</label><input id="Email" style="font-size:.875rem" type="text" placeholder="Enter your email" name="emailRequired" class="border border-gray-300 w-full h-full p-3 text-gray-800 bg-white rounded-lg"/></div><div class="hidden email-octopus-form-row-hp" aria-hidden="true"><input type="text" name="hp1cc5fdf6-63b5-11ea-a3d0-06b4694bee2a" tabindex="-1" autoComplete="nope"/></div><div class="flex flex-col"><button aria-label="Sign up for newsletter" style="height:47px" class="c-gSzqAS c-gSzqAS-gZwbYS-variant-confirm w-full mt-3 rounded-lg px-0" type="">Subscribe<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="flex-shrink-0 w-4 h-4 ml-3"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path></svg></button></div></form><div class="w-10/12"></div></div></div></div></div></div></div></div></div></main></div><footer><div class="max-w-[1320px] z-30 relative mx-auto px-3 md:px-3"><div class="w-full max-w-screen-xl relative mx-auto py-16"><div class="flex flex-wrap"><div class="w-full md:w-6/12"><p class="text-xl tracking-tight font-semibold">Get Prototypr Weekly</p><input class="hidden" value="hello@prototypr.io"/><p class="text-base mt-0 text-gray-700">Top articles and tools every week  💌</p><div class="rounded-md lg:mb-0"><div><div class="flex flex-col"><form class="sm:flex w-11/12 mt-5 mb-6"><div class="sm:flex-1 sm:max-w-xs w-full"><label for="Email" class="sr-only ">Enter your email</label><input id="Email" style="font-size:.875rem" type="text" placeholder="Enter your email" name="emailRequired" class="border-transparent border-solid border-2 border-gradient-br-blue-darkblue-gray-50 hover:border-gradient-tl-blue-darkblue-gray-50 gradient-border-3 w-full h-full p-3 text-gray-800 bg-white rounded-full"/></div><div class="hidden email-octopus-form-row-hp" aria-hidden="true"><input type="text" name="hp1cc5fdf6-63b5-11ea-a3d0-06b4694bee2a" tabindex="-1" autoComplete="nope"/></div><div class="flex flex-col md:ml-2"><button aria-label="Sign up for newsletter" style="height:47px" class="c-gSzqAS c-gSzqAS-gZwbYS-variant-confirm px-5 md:ml-2 mt-3 md:mt-0 rounded-full" type="">Subscribe</button></div></form></div><div class="px-1 w-10/12 mx-auto"></div></div></div><p class="text-sm text-gray-700 font-semibold mt-2"> © 2024 Prototypr, All rights reserved.</p></div><div class="w-full md:w-6/12"><div class="flex flex-wrap items-top mb-6"><div class="w-full md:w-6/12 xl:w-4/12 pt-6 md:pt-0 md:px-4 ml-auto"><span class="block uppercase text-gray-900 text-sm font-semibold mb-2 tracking-wide">Good Stuff</span><ul class="list-unstyled"><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://help.prototypr.io" target="_blank">Help</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://github.com/Prototypr" target="_blank">Open Source</a></li><li><a href="https://open.prototypr.io" target="_blank" class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base">Prototypr Open</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://twitter.com/prototypr" target="_blank">Twitter</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://instagram.com/prototyprio" target="_blank">Instagram</a></li></ul></div><div class="w-full md:w-6/12 xl:w-4/12 pt-6 md:pt-0 ml-auto"><span class="block uppercase text-gray-900 text-sm font-semibold mb-2 tracking-wide">Other Resources</span><ul class="list-unstyled"><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://adobe.com/products/xd/adobe-fund.html" target="_blank">Adobe Fund for Design</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://grantfortheweb.org" target="_blank">Grant for the Web</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://interledger.org/" target="_blank">Web Monetization</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://letter.so" target="_blank">Mail by Letter</a></li><li><a class="text-gray-700 hover:text-gray-900 font-base block py-3 text-base" rel="noreferrer" href="https://prototypr.io/privacy-policy/" target="_blank">Privacy Policy</a></li></ul></div></div></div></div></div></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"preview":null,"post":{"id":"16261","attributes":{"title":"Designing the all-new Framer","slug":"designing-the-all-new-framer","content":"\u003chtml\u003e\u003chead\u003e\u003c/head\u003e\u003cbody\u003e\u003cp\u003e\u003ca href=\"http://ift.tt/2poYgoh\"\u003eFramer – Medium\u003c/a\u003e | Framer Team \u003c/p\u003e\n\u003ch4\u003eDetaching code from canvas for a smarter but simpler workflow | \u003ca href=\"http://ift.tt/2pivBzf\"\u003eFramer.com\u003c/a\u003e\u003c/h4\u003e\n\u003cp\u003e\u003ciframe src=\"https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FdeYFLGN1rS4%3Ffeature%3Doembed\u0026amp;url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3F...","excerpt":"\u003cp\u003eFramer \u0026#8211; Medium | Framer Team Detaching code from canvas for a smarter but simpler workflow | Framer.com http://ift.tt/2qiefBZ Over the last 2 years, we’ve built Framer into an extensive product, one that’s supportive of, to quote ourselves, “design without limits”. But with such a robust toolkit comes some degree of clutter. Today we’re shipping [\u0026hellip;]\u003c/p\u003e\n","likeCount":{"total":0,"like":0,"fire":0,"unicorn":0},"likes":{"data":[]},"seo":{"metaDesc":"","canonical":"https://prototypr.io/news/designing-the-all-new-framer/","opengraphModifiedTime":null,"opengraphPublishedTime":null,"opengraphTitle":"Designing the all-new Framer - Prototypr | Prototyping","opengraphDescription":"Framer \u0026#8211; Medium | Framer Team Detaching code from canvas for a smarter but simpler workflow | Framer.com http://ift.tt/2qiefBZ Over the last 2 years, we’ve built Framer into an extensive product, one that’s supportive of, to quote ourselves, “design without limits”. But with such a robust toolkit comes some degree of clutter. Today we’re shipping [\u0026hellip;]","opengraphImage":null},"outgoingLinks":[],"link":null,"date":"2017-04-27T09:45:34.000Z","legacyAttributes":{"link":"http://ift.tt/2poYgoh","imgUrl":null,"ogImage":"https://cdn-images-1.medium.com/max/1200/1*xGbm6yYWnh2C09PP-vTmaA.png"},"ogImage":{"opengraphImage":null},"tags":{"data":[]},"legacyFeaturedImage":{"id":"14298","mediaItemUrl":null,"thumb":null},"featuredImage":{"data":null},"relatedNews":[{"localizations":{"data":[]},"type":"article","title":"Adobe acquires Figma, cue the memes 🤪","date":"2022-09-15T13:27:00.000Z","slug":"adobe-figma-meme","legacyFeaturedImage":null,"legacyAttributes":null,"seo":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b4834aafa71e71cdb0230f4218b06b8d.jpeg"},"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b4834aafa71e71cdb0230f4218b06b8d.jpeg","formats":{"small":{"ext":".jpeg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8c512393ccf3a7bc5985ec5167ddc442.jpeg","hash":"8c512393ccf3a7bc5985ec5167ddc442","mime":"image/jpeg","name":"small_Fcsqb5pWQAAzPIK.jpeg","path":null,"size":31.41,"width":500,"height":324},"thumbnail":{"ext":".jpeg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8f25f76de5b5ae31588ab001884b89f8.jpeg","hash":"8f25f76de5b5ae31588ab001884b89f8","mime":"image/jpeg","name":"thumbnail_Fcsqb5pWQAAzPIK.jpeg","path":null,"size":10.81,"width":241,"height":156}}}}}},{"localizations":{"data":[]},"type":"article","title":"From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill","date":"2022-06-06T15:00:00.000Z","slug":"from-photography-to-nft-twisted-landscapes-with-nate-hill","legacyFeaturedImage":null,"legacyAttributes":null,"seo":{"opengraphImage":null},"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8d8070381d986c2f80b500cdb024f518.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/660d5848c774dd76de059e2754a7344f.png","hash":"660d5848c774dd76de059e2754a7344f","mime":"image/png","name":"large_Crossover Series NFTs.png","path":null,"size":453.71,"width":1000,"height":500},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c0b4b2eaabf40327313a30b374c2ac2a.png","hash":"c0b4b2eaabf40327313a30b374c2ac2a","mime":"image/png","name":"small_Crossover Series NFTs.png","path":null,"size":125.2,"width":500,"height":250},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/2346793057dd9a854f38fca4ef47a068.png","hash":"2346793057dd9a854f38fca4ef47a068","mime":"image/png","name":"medium_Crossover Series NFTs.png","path":null,"size":262.53,"width":750,"height":375},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/63771b3a5ed23d97c829bbb601cb13ef.png","hash":"63771b3a5ed23d97c829bbb601cb13ef","mime":"image/png","name":"thumbnail_Crossover Series NFTs.png","path":null,"size":35.4,"width":245,"height":123}}}}}},{"localizations":{"data":[]},"type":"article","title":"Still can’t get a UX job? Give up.","date":"2023-01-09T12:23:50.810Z","slug":"still-cant-get-a-ux-job-give-up","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/99cea6cfdc5230419363f2ada9bdfb43.jpg"},"legacyAttributes":null,"seo":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/99cea6cfdc5230419363f2ada9bdfb43.jpg"},"featuredImage":{"data":null}},{"localizations":{"data":[]},"type":"article","title":"Sticking to UI/UX trends is a losing strategy","date":"2022-12-29T11:26:02.485Z","slug":"sticking-to-uiux-trends-is-a-losing-strategy","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3335f7802dbd74db63d7af49c6a88662.webp"},"legacyAttributes":null,"seo":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3335f7802dbd74db63d7af49c6a88662.webp"},"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1d87545fb25cc1fd4f863555b25a02d1.webp","formats":{"large":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/262e3e5a6313a73bb36e0f1b6b8fada3.webp","hash":"262e3e5a6313a73bb36e0f1b6b8fada3","mime":"image/webp","name":"large_featuredImage","path":null,"size":47.21,"width":1000,"height":631},"small":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/06c24c8a0b29e59cbd78dbbd9014ba5d.webp","hash":"06c24c8a0b29e59cbd78dbbd9014ba5d","mime":"image/webp","name":"small_featuredImage","path":null,"size":20.03,"width":500,"height":315},"medium":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/de99cd14c358326b74493e8354407d87.webp","hash":"de99cd14c358326b74493e8354407d87","mime":"image/webp","name":"medium_featuredImage","path":null,"size":32.87,"width":750,"height":473},"thumbnail":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1bd2e2b72dd3fa02686f1b12f5acdffb.webp","hash":"1bd2e2b72dd3fa02686f1b12f5acdffb","mime":"image/webp","name":"thumbnail_featuredImage","path":null,"size":8.66,"width":245,"height":155}}}}}}],"author":{"data":null}}},"domain":"ift.tt","navSponsor":{"id":"10","weeks":{"website":[{"end":1716091200000,"start":1715572800000,"productId":"2"}],"newsletter":[]},"featuredImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b6f2b481f2feeac95de5316591125515.png","banner":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/d2195f7a87ca84b2e9d54555c3ff9ed7.png","title":"Letter","link":"https://letter.so?ref=prototypr","description":"An AI-assisted newsletter builder for content creators, designers, and developers.","cardImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp","logoWide":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/01589b01858b97447d101a22f2436de7.svg","postType":"ad","fallback":true,"active":true,"slug":null,"coverImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/d2195f7a87ca84b2e9d54555c3ff9ed7.png","tags":null,"logo":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b6f2b481f2feeac95de5316591125515.png","sponsorLink":"https://letter.so?ref=prototypr"},"sponsors":[{"id":"11","weeks":{},"featuredImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b08d45474d2c78740fa65193253dba88.jpg","banner":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fbee65cc3b654f7a14aa221f3a193971.svg","title":"Letter.so","link":"https://letter.so?ref=prototyprio","description":"An AI-assisted newsletter builder for content creators, designers, and developers.","cardImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fbee65cc3b654f7a14aa221f3a193971.svg","logoWide":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/966e51a74d78cb863e52243f374e4396.svg","postType":"ad","fallback":true,"active":false,"slug":null,"coverImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fbee65cc3b654f7a14aa221f3a193971.svg","tags":null,"logo":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b08d45474d2c78740fa65193253dba88.jpg","sponsorLink":"https://letter.so?ref=prototyprio"},{"id":"10","weeks":{"website":[{"end":1716091200000,"start":1715572800000,"productId":"2"}],"newsletter":[]},"featuredImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b6f2b481f2feeac95de5316591125515.png","banner":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/d2195f7a87ca84b2e9d54555c3ff9ed7.png","title":"Letter","link":"https://letter.so?ref=prototypr","description":"An AI-assisted newsletter builder for content creators, designers, and developers.","cardImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/5d2a89ca7b5d3ab6867e38d4bb87a35e.webp","logoWide":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/01589b01858b97447d101a22f2436de7.svg","postType":"ad","fallback":true,"active":true,"slug":null,"coverImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/d2195f7a87ca84b2e9d54555c3ff9ed7.png","tags":null,"logo":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b6f2b481f2feeac95de5316591125515.png","sponsorLink":"https://letter.so?ref=prototypr"}],"link":"http://ift.tt/2poYgoh","groupedPosts":{"today":[{"attributes":{"title":"Build Design Systems With Penpot Components","slug":"penpot-design-systems","excerpt":"Penpot's new component system for building scalable design systems, emphasizing designer-developer collaboration.","date":"2024-07-21T02:15:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/119b3374d76d04d37b97c56de22bc2b4.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/ae2ca3aae20c1e3fadb0beba44827f1b.png","hash":"ae2ca3aae20c1e3fadb0beba44827f1b","mime":"image/png","name":"large_ftimage","path":null,"size":156.39,"width":1000,"height":625},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b8c035de3a4372e5aa57b6eef498429c.png","hash":"b8c035de3a4372e5aa57b6eef498429c","mime":"image/png","name":"small_ftimage","path":null,"size":50.91,"width":500,"height":313},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3b0f5b4b02be9f84d6740f9954b04a11.png","hash":"3b0f5b4b02be9f84d6740f9954b04a11","mime":"image/png","name":"medium_ftimage","path":null,"size":98.72,"width":750,"height":469},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/90e0cc1edfac570315f6a0d455a79e04.png","hash":"90e0cc1edfac570315f6a0d455a79e04","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":15.94,"width":245,"height":153}}}}},"legacyAttributes":{"link":"https://smashingmagazine.com/2024/07/build-design-systems-penpot-components/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/119b3374d76d04d37b97c56de22bc2b4.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/119b3374d76d04d37b97c56de22bc2b4.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/119b3374d76d04d37b97c56de22bc2b4.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}}],"yesterday":[{"attributes":{"title":"CSS Stuff I’m Excited After the Last CSSWG Meeting","slug":"css-stuff-excited","excerpt":"Key CSS developments from CSSWG meeting, including inline conditionals, cross-document transitions, and anchor positioning.\n","date":"2024-07-20T22:24:02.742Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c6f28d08c3a897d06eec535611dd2584.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1430bda4b2a898ea292521bf0ffa6156.png","hash":"1430bda4b2a898ea292521bf0ffa6156","mime":"image/png","name":"large_ftimage","path":null,"size":19.38,"width":1000,"height":563},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/cc78deaf9a1b3a8827603bf92a4ec773.png","hash":"cc78deaf9a1b3a8827603bf92a4ec773","mime":"image/png","name":"small_ftimage","path":null,"size":7.77,"width":500,"height":281},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f34c0657e29f8df8fdcf3aba3eb10cfe.png","hash":"f34c0657e29f8df8fdcf3aba3eb10cfe","mime":"image/png","name":"medium_ftimage","path":null,"size":14.12,"width":750,"height":422},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/360ab60abcc97625ba649e4c2a3467db.png","hash":"360ab60abcc97625ba649e4c2a3467db","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":3.01,"width":245,"height":138}}}}},"legacyAttributes":{"link":"https://css-tricks.com/css-stuff-im-excited-after-the-last-csswg-meeting/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c6f28d08c3a897d06eec535611dd2584.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c6f28d08c3a897d06eec535611dd2584.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c6f28d08c3a897d06eec535611dd2584.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}}],"thisWeek":[{"attributes":{"title":"I Tried to Vape the Internet","slug":"vape-the-internet","excerpt":"Journalist Samantha Cole explores the reality behind viral 'internet vape' memes, testing a smart vape with limited connectivity features.\n","date":"2024-07-19T19:29:46.381Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f841d8829959042d73c554ce9403cc7d.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/dd6cb13151e41aa50d68f2f227ba62c4.png","hash":"dd6cb13151e41aa50d68f2f227ba62c4","mime":"image/png","name":"large_ftimage","path":null,"size":73.74,"width":1000,"height":563},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1baab9884d8403a69039861e58090ece.png","hash":"1baab9884d8403a69039861e58090ece","mime":"image/png","name":"small_ftimage","path":null,"size":19.83,"width":500,"height":282},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/33405efecd94bfa7712921a0af8a487f.png","hash":"33405efecd94bfa7712921a0af8a487f","mime":"image/png","name":"medium_ftimage","path":null,"size":39.94,"width":750,"height":422},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/5cdf0928bdd18001c9e7ecdbd83c23e7.png","hash":"5cdf0928bdd18001c9e7ecdbd83c23e7","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":6.95,"width":245,"height":138}}}}},"legacyAttributes":{"link":"https://www.404media.co/twitter-internet-vape-touchscreen-swype/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f841d8829959042d73c554ce9403cc7d.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f841d8829959042d73c554ce9403cc7d.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f841d8829959042d73c554ce9403cc7d.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"The Objects of Our Life (1983)","slug":"objects-of-life-1983","excerpt":"Steve Jobs' visionary 1983 Aspen talk highlights the crucial role of design in making personal computers accessible and envisions them as tools for creativity and human progress.","date":"2024-07-18T19:32:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cd53280cd81ad538532a8742f366a5.avif","formats":null}}},"legacyAttributes":{"link":"https://stevejobsarchive.com/exhibits/objects-of-our-life","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cd53280cd81ad538532a8742f366a5.avif","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cd53280cd81ad538532a8742f366a5.avif"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cd53280cd81ad538532a8742f366a5.avif"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"How To Design Effective Conversational AI Experiences","slug":"effective-conversational-ai-experiences","excerpt":"Learn how to design effective conversational AI experiences with this comprehensive guide by Yinjian Huang. ","date":"2024-07-17T14:41:43.163Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c2334627e93c24121ab879274cbfb70c.png","formats":{"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f8a7723e9b94b9014cefa662b3167787.png","hash":"f8a7723e9b94b9014cefa662b3167787","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":13.19,"width":235,"height":156}}}}},"legacyAttributes":{"link":"https://www.smashingmagazine.com/2024/07/how-design-effective-conversational-ai-experiences-guide/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c2334627e93c24121ab879274cbfb70c.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c2334627e93c24121ab879274cbfb70c.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c2334627e93c24121ab879274cbfb70c.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"AI's $600B Question","slug":"ai-600b-question","excerpt":"The widening gap between AI infrastructure investments and revenue growth.","date":"2024-07-16T14:38:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fe9f2832d57bd659a29d5545dfa7a3de.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/569630d00caef3913ed37485ed38708b.png","hash":"569630d00caef3913ed37485ed38708b","mime":"image/png","name":"large_ftimage","path":null,"size":58.07,"width":1000,"height":525},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b9e7432e3134b3c764ccb0d9133d2eaa.png","hash":"b9e7432e3134b3c764ccb0d9133d2eaa","mime":"image/png","name":"small_ftimage","path":null,"size":20.78,"width":500,"height":263},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/17cda6f3eed3f8583bc6d01a4b654ed7.png","hash":"17cda6f3eed3f8583bc6d01a4b654ed7","mime":"image/png","name":"medium_ftimage","path":null,"size":37.13,"width":750,"height":394},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8cf252c9589b506bb4c70b2e660dc85a.png","hash":"8cf252c9589b506bb4c70b2e660dc85a","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":8.24,"width":245,"height":129}}}}},"legacyAttributes":{"link":"https://www.sequoiacap.com/article/ais-600b-question/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fe9f2832d57bd659a29d5545dfa7a3de.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fe9f2832d57bd659a29d5545dfa7a3de.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fe9f2832d57bd659a29d5545dfa7a3de.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"The End of Influencers","slug":"end-of-influencers","excerpt":"Michal explores the decline of genuine engagement on social media, the rise of personal branding, and the potential resurgence of long-form content in the influencer-saturated digital landscape.","date":"2024-07-15T14:35:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3a9c38f43d8d39340b66dec92236630d.avif","formats":null}}},"legacyAttributes":{"link":"https://hype4.academy/articles/design/the-end-of-influencers","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3a9c38f43d8d39340b66dec92236630d.avif","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3a9c38f43d8d39340b66dec92236630d.avif"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3a9c38f43d8d39340b66dec92236630d.avif"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"The European Union must keep funding free software","slug":"eu-funding-free-software","excerpt":"Open letter urges EU to maintain Next Generation Internet program funding for free software, citing innovation and sovereignty concerns.\n","date":"2024-07-15T14:34:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e7bafc181268c7cfa91cc5cb77038055.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3efc753b768e8d2ac05febd229b146f9.png","hash":"3efc753b768e8d2ac05febd229b146f9","mime":"image/png","name":"large_ftimage","path":null,"size":207.07,"width":1000,"height":1000},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/97cd9ec2790ec5061447b99b9452eb22.png","hash":"97cd9ec2790ec5061447b99b9452eb22","mime":"image/png","name":"small_ftimage","path":null,"size":83.57,"width":500,"height":500},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cbd22b19720cb1ea017526078708d7.png","hash":"48cbd22b19720cb1ea017526078708d7","mime":"image/png","name":"medium_ftimage","path":null,"size":143.96,"width":750,"height":750},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3ef74b77e159ef2f0c68be9e1d3a140d.png","hash":"3ef74b77e159ef2f0c68be9e1d3a140d","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":21.18,"width":156,"height":156}}}}},"legacyAttributes":{"link":"https://www.jeremiahlee.com/posts/2024-eu-ngi-funding/?ref=RSS","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e7bafc181268c7cfa91cc5cb77038055.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e7bafc181268c7cfa91cc5cb77038055.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e7bafc181268c7cfa91cc5cb77038055.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}}],"lastWeek":[],"lastMonth":[],"months":{"July 2024":[{"attributes":{"title":"large.horse","slug":"large-horse","excerpt":"large horse","date":"2024-07-10T15:48:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/0bc976775649b11ca1c5caae34f9584b.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/9898732fe873a983a9d96a8d2da63c25.png","hash":"9898732fe873a983a9d96a8d2da63c25","mime":"image/png","name":"large_CleanShot 2024-07-10 at 12.31.02@2x.png","path":null,"size":291.11,"width":1000,"height":551},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48789a6776ad956828b76121c4ebad82.png","hash":"48789a6776ad956828b76121c4ebad82","mime":"image/png","name":"small_CleanShot 2024-07-10 at 12.31.02@2x.png","path":null,"size":75.27,"width":500,"height":275},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/4dfb1bc938373a7529acccfb97178aa7.png","hash":"4dfb1bc938373a7529acccfb97178aa7","mime":"image/png","name":"medium_CleanShot 2024-07-10 at 12.31.02@2x.png","path":null,"size":166.68,"width":750,"height":413},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b22a3277ea5b21ab5e3604defd862c75.png","hash":"b22a3277ea5b21ab5e3604defd862c75","mime":"image/png","name":"thumbnail_CleanShot 2024-07-10 at 12.31.02@2x.png","path":null,"size":21.12,"width":245,"height":135}}}}},"legacyAttributes":{"link":"http://large.horse/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/0bc976775649b11ca1c5caae34f9584b.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/0bc976775649b11ca1c5caae34f9584b.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/0bc976775649b11ca1c5caae34f9584b.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"Checking design accessibility in your mockups","slug":"design-accessibility-mockups","excerpt":"Enhance accessibility in Figma mockups with color usage, contrast ratios, and more.","date":"2024-07-09T15:47:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/a7772ad849681140a22bd28e81e2ef56.jpg","formats":{"large":{"ext":".jpg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f4b202a49f6b0b0d5b99b36b9b661984.jpg","hash":"f4b202a49f6b0b0d5b99b36b9b661984","mime":"image/jpeg","name":"large_check-design-accessibility-mockups-02.jpg","path":null,"size":48.88,"width":1000,"height":412},"small":{"ext":".jpg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/662fa63d9751c0cb85272aa78f2465b4.jpg","hash":"662fa63d9751c0cb85272aa78f2465b4","mime":"image/jpeg","name":"small_check-design-accessibility-mockups-02.jpg","path":null,"size":16.95,"width":500,"height":206},"medium":{"ext":".jpg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e1cbb4efcdf15d54571cf2535d1f0f3b.jpg","hash":"e1cbb4efcdf15d54571cf2535d1f0f3b","mime":"image/jpeg","name":"medium_check-design-accessibility-mockups-02.jpg","path":null,"size":31.28,"width":750,"height":309},"thumbnail":{"ext":".jpg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/51d35ffe935cedf5cc4be4663cab295f.jpg","hash":"51d35ffe935cedf5cc4be4663cab295f","mime":"image/jpeg","name":"thumbnail_check-design-accessibility-mockups-02.jpg","path":null,"size":5.71,"width":245,"height":101}}}}},"legacyAttributes":{"link":"https://stephaniewalter.design/blog/how-to-check-and-document-design-accessibility-in-your-figma-mockups/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/a7772ad849681140a22bd28e81e2ef56.jpg","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/a7772ad849681140a22bd28e81e2ef56.jpg"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/a7772ad849681140a22bd28e81e2ef56.jpg"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"Design token ugly mode","slug":"design-token-ugly-mode","excerpt":"Design token \"ugly mode\": a visual strategy to expose inconsistent UI implementations and promote comprehensive design system adoption.","date":"2024-07-08T22:41:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/801e24f8156ea5bb0c29d3f5a7f74ef9.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/44279a5d596d2568c9379c493a14792e.png","hash":"44279a5d596d2568c9379c493a14792e","mime":"image/png","name":"large_dropbox-homepage-ugly-mode.png","path":null,"size":110.16,"width":1000,"height":652},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/d8b9524b61121656f09fb722317151f8.png","hash":"d8b9524b61121656f09fb722317151f8","mime":"image/png","name":"small_dropbox-homepage-ugly-mode.png","path":null,"size":43.74,"width":500,"height":326},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f8c1ac420253c7a70911db688f3b2420.png","hash":"f8c1ac420253c7a70911db688f3b2420","mime":"image/png","name":"medium_dropbox-homepage-ugly-mode.png","path":null,"size":75.6,"width":750,"height":489},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/2a5758636bf9c2e517152afd4ceb1ad0.png","hash":"2a5758636bf9c2e517152afd4ceb1ad0","mime":"image/png","name":"thumbnail_dropbox-homepage-ugly-mode.png","path":null,"size":15.99,"width":239,"height":156}}}}},"legacyAttributes":{"link":"https://ericwbailey.website/published/free-idea-design-token-ugly-mode/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/801e24f8156ea5bb0c29d3f5a7f74ef9.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/801e24f8156ea5bb0c29d3f5a7f74ef9.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/801e24f8156ea5bb0c29d3f5a7f74ef9.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"Customer Journey Map Templates","slug":"customer-journey-maps","excerpt":"Customer journey mapping guide: UX examples, templates, and best practices for visualizing user experiences. Free Miro and Figma resources included.","date":"2024-07-08T15:51:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/721d6155cbbfdd25bb7b793527c488f3.avif","formats":null}}},"legacyAttributes":{"link":"https://www.smashingmagazine.com/2024/07/customer-journey-maps-figma-miro-templates/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/721d6155cbbfdd25bb7b793527c488f3.avif","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/721d6155cbbfdd25bb7b793527c488f3.avif"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/721d6155cbbfdd25bb7b793527c488f3.avif"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}}]}},"date":"27th April 2017","postDate":"\"2017-04-27T09:45:34.000Z\"","morePosts":[{"attributes":{"title":"Build Design Systems With Penpot Components","slug":"penpot-design-systems","excerpt":"Penpot's new component system for building scalable design systems, emphasizing designer-developer collaboration.","date":"2024-07-21T02:15:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/119b3374d76d04d37b97c56de22bc2b4.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/ae2ca3aae20c1e3fadb0beba44827f1b.png","hash":"ae2ca3aae20c1e3fadb0beba44827f1b","mime":"image/png","name":"large_ftimage","path":null,"size":156.39,"width":1000,"height":625},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b8c035de3a4372e5aa57b6eef498429c.png","hash":"b8c035de3a4372e5aa57b6eef498429c","mime":"image/png","name":"small_ftimage","path":null,"size":50.91,"width":500,"height":313},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3b0f5b4b02be9f84d6740f9954b04a11.png","hash":"3b0f5b4b02be9f84d6740f9954b04a11","mime":"image/png","name":"medium_ftimage","path":null,"size":98.72,"width":750,"height":469},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/90e0cc1edfac570315f6a0d455a79e04.png","hash":"90e0cc1edfac570315f6a0d455a79e04","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":15.94,"width":245,"height":153}}}}},"legacyAttributes":{"link":"https://smashingmagazine.com/2024/07/build-design-systems-penpot-components/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/119b3374d76d04d37b97c56de22bc2b4.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/119b3374d76d04d37b97c56de22bc2b4.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/119b3374d76d04d37b97c56de22bc2b4.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"CSS Stuff I’m Excited After the Last CSSWG Meeting","slug":"css-stuff-excited","excerpt":"Key CSS developments from CSSWG meeting, including inline conditionals, cross-document transitions, and anchor positioning.\n","date":"2024-07-20T22:24:02.742Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c6f28d08c3a897d06eec535611dd2584.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1430bda4b2a898ea292521bf0ffa6156.png","hash":"1430bda4b2a898ea292521bf0ffa6156","mime":"image/png","name":"large_ftimage","path":null,"size":19.38,"width":1000,"height":563},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/cc78deaf9a1b3a8827603bf92a4ec773.png","hash":"cc78deaf9a1b3a8827603bf92a4ec773","mime":"image/png","name":"small_ftimage","path":null,"size":7.77,"width":500,"height":281},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f34c0657e29f8df8fdcf3aba3eb10cfe.png","hash":"f34c0657e29f8df8fdcf3aba3eb10cfe","mime":"image/png","name":"medium_ftimage","path":null,"size":14.12,"width":750,"height":422},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/360ab60abcc97625ba649e4c2a3467db.png","hash":"360ab60abcc97625ba649e4c2a3467db","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":3.01,"width":245,"height":138}}}}},"legacyAttributes":{"link":"https://css-tricks.com/css-stuff-im-excited-after-the-last-csswg-meeting/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c6f28d08c3a897d06eec535611dd2584.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c6f28d08c3a897d06eec535611dd2584.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c6f28d08c3a897d06eec535611dd2584.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"I Tried to Vape the Internet","slug":"vape-the-internet","excerpt":"Journalist Samantha Cole explores the reality behind viral 'internet vape' memes, testing a smart vape with limited connectivity features.\n","date":"2024-07-19T19:29:46.381Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f841d8829959042d73c554ce9403cc7d.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/dd6cb13151e41aa50d68f2f227ba62c4.png","hash":"dd6cb13151e41aa50d68f2f227ba62c4","mime":"image/png","name":"large_ftimage","path":null,"size":73.74,"width":1000,"height":563},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1baab9884d8403a69039861e58090ece.png","hash":"1baab9884d8403a69039861e58090ece","mime":"image/png","name":"small_ftimage","path":null,"size":19.83,"width":500,"height":282},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/33405efecd94bfa7712921a0af8a487f.png","hash":"33405efecd94bfa7712921a0af8a487f","mime":"image/png","name":"medium_ftimage","path":null,"size":39.94,"width":750,"height":422},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/5cdf0928bdd18001c9e7ecdbd83c23e7.png","hash":"5cdf0928bdd18001c9e7ecdbd83c23e7","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":6.95,"width":245,"height":138}}}}},"legacyAttributes":{"link":"https://www.404media.co/twitter-internet-vape-touchscreen-swype/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f841d8829959042d73c554ce9403cc7d.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f841d8829959042d73c554ce9403cc7d.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f841d8829959042d73c554ce9403cc7d.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"The Objects of Our Life (1983)","slug":"objects-of-life-1983","excerpt":"Steve Jobs' visionary 1983 Aspen talk highlights the crucial role of design in making personal computers accessible and envisions them as tools for creativity and human progress.","date":"2024-07-18T19:32:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cd53280cd81ad538532a8742f366a5.avif","formats":null}}},"legacyAttributes":{"link":"https://stevejobsarchive.com/exhibits/objects-of-our-life","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cd53280cd81ad538532a8742f366a5.avif","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cd53280cd81ad538532a8742f366a5.avif"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cd53280cd81ad538532a8742f366a5.avif"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"How To Design Effective Conversational AI Experiences","slug":"effective-conversational-ai-experiences","excerpt":"Learn how to design effective conversational AI experiences with this comprehensive guide by Yinjian Huang. ","date":"2024-07-17T14:41:43.163Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c2334627e93c24121ab879274cbfb70c.png","formats":{"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f8a7723e9b94b9014cefa662b3167787.png","hash":"f8a7723e9b94b9014cefa662b3167787","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":13.19,"width":235,"height":156}}}}},"legacyAttributes":{"link":"https://www.smashingmagazine.com/2024/07/how-design-effective-conversational-ai-experiences-guide/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c2334627e93c24121ab879274cbfb70c.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c2334627e93c24121ab879274cbfb70c.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c2334627e93c24121ab879274cbfb70c.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"AI's $600B Question","slug":"ai-600b-question","excerpt":"The widening gap between AI infrastructure investments and revenue growth.","date":"2024-07-16T14:38:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fe9f2832d57bd659a29d5545dfa7a3de.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/569630d00caef3913ed37485ed38708b.png","hash":"569630d00caef3913ed37485ed38708b","mime":"image/png","name":"large_ftimage","path":null,"size":58.07,"width":1000,"height":525},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b9e7432e3134b3c764ccb0d9133d2eaa.png","hash":"b9e7432e3134b3c764ccb0d9133d2eaa","mime":"image/png","name":"small_ftimage","path":null,"size":20.78,"width":500,"height":263},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/17cda6f3eed3f8583bc6d01a4b654ed7.png","hash":"17cda6f3eed3f8583bc6d01a4b654ed7","mime":"image/png","name":"medium_ftimage","path":null,"size":37.13,"width":750,"height":394},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8cf252c9589b506bb4c70b2e660dc85a.png","hash":"8cf252c9589b506bb4c70b2e660dc85a","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":8.24,"width":245,"height":129}}}}},"legacyAttributes":{"link":"https://www.sequoiacap.com/article/ais-600b-question/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fe9f2832d57bd659a29d5545dfa7a3de.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fe9f2832d57bd659a29d5545dfa7a3de.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/fe9f2832d57bd659a29d5545dfa7a3de.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"The End of Influencers","slug":"end-of-influencers","excerpt":"Michal explores the decline of genuine engagement on social media, the rise of personal branding, and the potential resurgence of long-form content in the influencer-saturated digital landscape.","date":"2024-07-15T14:35:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3a9c38f43d8d39340b66dec92236630d.avif","formats":null}}},"legacyAttributes":{"link":"https://hype4.academy/articles/design/the-end-of-influencers","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3a9c38f43d8d39340b66dec92236630d.avif","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3a9c38f43d8d39340b66dec92236630d.avif"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3a9c38f43d8d39340b66dec92236630d.avif"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"The European Union must keep funding free software","slug":"eu-funding-free-software","excerpt":"Open letter urges EU to maintain Next Generation Internet program funding for free software, citing innovation and sovereignty concerns.\n","date":"2024-07-15T14:34:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e7bafc181268c7cfa91cc5cb77038055.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3efc753b768e8d2ac05febd229b146f9.png","hash":"3efc753b768e8d2ac05febd229b146f9","mime":"image/png","name":"large_ftimage","path":null,"size":207.07,"width":1000,"height":1000},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/97cd9ec2790ec5061447b99b9452eb22.png","hash":"97cd9ec2790ec5061447b99b9452eb22","mime":"image/png","name":"small_ftimage","path":null,"size":83.57,"width":500,"height":500},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48cbd22b19720cb1ea017526078708d7.png","hash":"48cbd22b19720cb1ea017526078708d7","mime":"image/png","name":"medium_ftimage","path":null,"size":143.96,"width":750,"height":750},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3ef74b77e159ef2f0c68be9e1d3a140d.png","hash":"3ef74b77e159ef2f0c68be9e1d3a140d","mime":"image/png","name":"thumbnail_ftimage","path":null,"size":21.18,"width":156,"height":156}}}}},"legacyAttributes":{"link":"https://www.jeremiahlee.com/posts/2024-eu-ngi-funding/?ref=RSS","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e7bafc181268c7cfa91cc5cb77038055.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e7bafc181268c7cfa91cc5cb77038055.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e7bafc181268c7cfa91cc5cb77038055.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"large.horse","slug":"large-horse","excerpt":"large horse","date":"2024-07-10T15:48:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/0bc976775649b11ca1c5caae34f9584b.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/9898732fe873a983a9d96a8d2da63c25.png","hash":"9898732fe873a983a9d96a8d2da63c25","mime":"image/png","name":"large_CleanShot 2024-07-10 at 12.31.02@2x.png","path":null,"size":291.11,"width":1000,"height":551},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/48789a6776ad956828b76121c4ebad82.png","hash":"48789a6776ad956828b76121c4ebad82","mime":"image/png","name":"small_CleanShot 2024-07-10 at 12.31.02@2x.png","path":null,"size":75.27,"width":500,"height":275},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/4dfb1bc938373a7529acccfb97178aa7.png","hash":"4dfb1bc938373a7529acccfb97178aa7","mime":"image/png","name":"medium_CleanShot 2024-07-10 at 12.31.02@2x.png","path":null,"size":166.68,"width":750,"height":413},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b22a3277ea5b21ab5e3604defd862c75.png","hash":"b22a3277ea5b21ab5e3604defd862c75","mime":"image/png","name":"thumbnail_CleanShot 2024-07-10 at 12.31.02@2x.png","path":null,"size":21.12,"width":245,"height":135}}}}},"legacyAttributes":{"link":"http://large.horse/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/0bc976775649b11ca1c5caae34f9584b.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/0bc976775649b11ca1c5caae34f9584b.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/0bc976775649b11ca1c5caae34f9584b.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"Checking design accessibility in your mockups","slug":"design-accessibility-mockups","excerpt":"Enhance accessibility in Figma mockups with color usage, contrast ratios, and more.","date":"2024-07-09T15:47:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/a7772ad849681140a22bd28e81e2ef56.jpg","formats":{"large":{"ext":".jpg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f4b202a49f6b0b0d5b99b36b9b661984.jpg","hash":"f4b202a49f6b0b0d5b99b36b9b661984","mime":"image/jpeg","name":"large_check-design-accessibility-mockups-02.jpg","path":null,"size":48.88,"width":1000,"height":412},"small":{"ext":".jpg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/662fa63d9751c0cb85272aa78f2465b4.jpg","hash":"662fa63d9751c0cb85272aa78f2465b4","mime":"image/jpeg","name":"small_check-design-accessibility-mockups-02.jpg","path":null,"size":16.95,"width":500,"height":206},"medium":{"ext":".jpg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/e1cbb4efcdf15d54571cf2535d1f0f3b.jpg","hash":"e1cbb4efcdf15d54571cf2535d1f0f3b","mime":"image/jpeg","name":"medium_check-design-accessibility-mockups-02.jpg","path":null,"size":31.28,"width":750,"height":309},"thumbnail":{"ext":".jpg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/51d35ffe935cedf5cc4be4663cab295f.jpg","hash":"51d35ffe935cedf5cc4be4663cab295f","mime":"image/jpeg","name":"thumbnail_check-design-accessibility-mockups-02.jpg","path":null,"size":5.71,"width":245,"height":101}}}}},"legacyAttributes":{"link":"https://stephaniewalter.design/blog/how-to-check-and-document-design-accessibility-in-your-figma-mockups/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/a7772ad849681140a22bd28e81e2ef56.jpg","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/a7772ad849681140a22bd28e81e2ef56.jpg"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/a7772ad849681140a22bd28e81e2ef56.jpg"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"Design token ugly mode","slug":"design-token-ugly-mode","excerpt":"Design token \"ugly mode\": a visual strategy to expose inconsistent UI implementations and promote comprehensive design system adoption.","date":"2024-07-08T22:41:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/801e24f8156ea5bb0c29d3f5a7f74ef9.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/44279a5d596d2568c9379c493a14792e.png","hash":"44279a5d596d2568c9379c493a14792e","mime":"image/png","name":"large_dropbox-homepage-ugly-mode.png","path":null,"size":110.16,"width":1000,"height":652},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/d8b9524b61121656f09fb722317151f8.png","hash":"d8b9524b61121656f09fb722317151f8","mime":"image/png","name":"small_dropbox-homepage-ugly-mode.png","path":null,"size":43.74,"width":500,"height":326},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/f8c1ac420253c7a70911db688f3b2420.png","hash":"f8c1ac420253c7a70911db688f3b2420","mime":"image/png","name":"medium_dropbox-homepage-ugly-mode.png","path":null,"size":75.6,"width":750,"height":489},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/2a5758636bf9c2e517152afd4ceb1ad0.png","hash":"2a5758636bf9c2e517152afd4ceb1ad0","mime":"image/png","name":"thumbnail_dropbox-homepage-ugly-mode.png","path":null,"size":15.99,"width":239,"height":156}}}}},"legacyAttributes":{"link":"https://ericwbailey.website/published/free-idea-design-token-ugly-mode/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/801e24f8156ea5bb0c29d3f5a7f74ef9.png","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/801e24f8156ea5bb0c29d3f5a7f74ef9.png"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/801e24f8156ea5bb0c29d3f5a7f74ef9.png"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}},{"attributes":{"title":"Customer Journey Map Templates","slug":"customer-journey-maps","excerpt":"Customer journey mapping guide: UX examples, templates, and best practices for visualizing user experiences. Free Miro and Figma resources included.","date":"2024-07-08T15:51:00.000Z","legacyFeaturedImage":null,"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/721d6155cbbfdd25bb7b793527c488f3.avif","formats":null}}},"legacyAttributes":{"link":"https://www.smashingmagazine.com/2024/07/customer-journey-maps-figma-miro-templates/","imgUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/721d6155cbbfdd25bb7b793527c488f3.avif","ogImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/721d6155cbbfdd25bb7b793527c488f3.avif"},"ogImage":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/721d6155cbbfdd25bb7b793527c488f3.avif"},"author":{"data":{"attributes":{"name":"Prototypr 👁️✨","displayName":"Prototypr 👁️✨","firstName":"Prototypr","lastName":"Team","legacyAvatar":null,"avatar":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/6e2aebc0eebe43264e2f3a44448c0e09.png"}}},"slug":"prototypr"}}}}}],"authorAvatar":"https://s3-us-west-1.amazonaws.com/tinify-bucket/%2Fprototypr%2Ftemp%2F1595435549331-1595435549330.png","relatedNews":[{"localizations":{"data":[]},"type":"article","title":"Adobe acquires Figma, cue the memes 🤪","date":"2022-09-15T13:27:00.000Z","slug":"adobe-figma-meme","legacyFeaturedImage":null,"legacyAttributes":null,"seo":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b4834aafa71e71cdb0230f4218b06b8d.jpeg"},"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/b4834aafa71e71cdb0230f4218b06b8d.jpeg","formats":{"small":{"ext":".jpeg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8c512393ccf3a7bc5985ec5167ddc442.jpeg","hash":"8c512393ccf3a7bc5985ec5167ddc442","mime":"image/jpeg","name":"small_Fcsqb5pWQAAzPIK.jpeg","path":null,"size":31.41,"width":500,"height":324},"thumbnail":{"ext":".jpeg","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8f25f76de5b5ae31588ab001884b89f8.jpeg","hash":"8f25f76de5b5ae31588ab001884b89f8","mime":"image/jpeg","name":"thumbnail_Fcsqb5pWQAAzPIK.jpeg","path":null,"size":10.81,"width":241,"height":156}}}}}},{"localizations":{"data":[]},"type":"article","title":"From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill","date":"2022-06-06T15:00:00.000Z","slug":"from-photography-to-nft-twisted-landscapes-with-nate-hill","legacyFeaturedImage":null,"legacyAttributes":null,"seo":{"opengraphImage":null},"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/8d8070381d986c2f80b500cdb024f518.png","formats":{"large":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/660d5848c774dd76de059e2754a7344f.png","hash":"660d5848c774dd76de059e2754a7344f","mime":"image/png","name":"large_Crossover Series NFTs.png","path":null,"size":453.71,"width":1000,"height":500},"small":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/c0b4b2eaabf40327313a30b374c2ac2a.png","hash":"c0b4b2eaabf40327313a30b374c2ac2a","mime":"image/png","name":"small_Crossover Series NFTs.png","path":null,"size":125.2,"width":500,"height":250},"medium":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/2346793057dd9a854f38fca4ef47a068.png","hash":"2346793057dd9a854f38fca4ef47a068","mime":"image/png","name":"medium_Crossover Series NFTs.png","path":null,"size":262.53,"width":750,"height":375},"thumbnail":{"ext":".png","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/63771b3a5ed23d97c829bbb601cb13ef.png","hash":"63771b3a5ed23d97c829bbb601cb13ef","mime":"image/png","name":"thumbnail_Crossover Series NFTs.png","path":null,"size":35.4,"width":245,"height":123}}}}}},{"localizations":{"data":[]},"type":"article","title":"Still can’t get a UX job? Give up.","date":"2023-01-09T12:23:50.810Z","slug":"still-cant-get-a-ux-job-give-up","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/99cea6cfdc5230419363f2ada9bdfb43.jpg"},"legacyAttributes":null,"seo":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/99cea6cfdc5230419363f2ada9bdfb43.jpg"},"featuredImage":{"data":null}},{"localizations":{"data":[]},"type":"article","title":"Sticking to UI/UX trends is a losing strategy","date":"2022-12-29T11:26:02.485Z","slug":"sticking-to-uiux-trends-is-a-losing-strategy","legacyFeaturedImage":{"mediaItemUrl":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3335f7802dbd74db63d7af49c6a88662.webp"},"legacyAttributes":null,"seo":{"opengraphImage":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/3335f7802dbd74db63d7af49c6a88662.webp"},"featuredImage":{"data":{"attributes":{"url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1d87545fb25cc1fd4f863555b25a02d1.webp","formats":{"large":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/262e3e5a6313a73bb36e0f1b6b8fada3.webp","hash":"262e3e5a6313a73bb36e0f1b6b8fada3","mime":"image/webp","name":"large_featuredImage","path":null,"size":47.21,"width":1000,"height":631},"small":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/06c24c8a0b29e59cbd78dbbd9014ba5d.webp","hash":"06c24c8a0b29e59cbd78dbbd9014ba5d","mime":"image/webp","name":"small_featuredImage","path":null,"size":20.03,"width":500,"height":315},"medium":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/de99cd14c358326b74493e8354407d87.webp","hash":"de99cd14c358326b74493e8354407d87","mime":"image/webp","name":"medium_featuredImage","path":null,"size":32.87,"width":750,"height":473},"thumbnail":{"ext":".webp","url":"https://prototypr-media.sfo2.digitaloceanspaces.com/strapi/1bd2e2b72dd3fa02686f1b12f5acdffb.webp","hash":"1bd2e2b72dd3fa02686f1b12f5acdffb","mime":"image/webp","name":"thumbnail_featuredImage","path":null,"size":8.66,"width":245,"height":155}}}}}}]},"__N_SSG":true},"page":"/news/[slug]","query":{"slug":"designing-the-all-new-framer"},"buildId":"aeOTCcP_yOhOgUtPiS_vu","runtimeConfig":{"nextPlausiblePublicProxyOptions":{"customDomain":"https://analytics.prototypr.io","domain":"4.prototypr.io","selfHosted":true,"trailingSlash":false}},"isFallback":false,"isExperimentalCompile":false,"dynamicIds":[50242,8301],"gsp":true,"locale":"en-US","locales":["en-US","es-ES"],"defaultLocale":"en-US","scriptLoader":[]}</script></body></html>