🟡 GitDiagram turns GitHub repos into visual maps. ✅ Paste any repo URL ✅ View code structure as a diagram ✅ Works with private repos via API Great for onboarding, docs, or understanding complex projects—no setup required. by Ahmed Khaleel

🟡 Get inspired daily with DAILY BRANDING ✅ One branding project featured every day ✅ Curated from across the internet ✅ Submit your own work for a chance to be featured A quick, bold hit of design inspo—right in your inbox.

🟡 Hands-on course to learn web animation. ✅ Covers CSS, GSAP, JS, Webflow ✅ 4.5h of beginner-friendly content ✅ Lifetime access + real project Mastering Web Animations by VWLAB is now open—build interactive websites with motion. by Victor Work

🟡 Need writing inspiration? Try this random word generator: ✅ Common, readable English words ✅ Adjustable quantity and type ✅ Ideal for prompts, games, and filler content

🟡 Tutorial by Kuba ✅ Build reusable Midjourney styles ✅ Define your visual language ✅ Works across prompts + projects Create consistency in your AI image workflows.

🗺️ Journey maps that actually reflect user reality. ✅ Ready-to-use Figma & Miro templates ✅ Non-linear paths + emotions + pain points ✅ Great for collaborative UX workshops Use these templates to align teams and surface key user insights. by Vitaly Friedman

🟡 FontScale helps you build responsive typography systems in seconds. ✅ Choose Google Font + weight ✅ Pick base size + scale ratio ✅ Preview & copy CSS instantly A clean way to structure type across breakpoints.

🟡 A course on measuring UX impact with real KPIs and metrics. ✅ 8h of video lessons ✅ Live UX training ✅ Practical tools for design teams Learn with Vitaly Friedman and connect design to real outcomes.

🟡 Grayscale design lets you craft luminance-based color scales for UI work. ✅ 12-step tonal control ✅ Image-based palette generation ✅ Tailored for design systems & accessibility Explore grayscale clarity.

🟡 Most portfolios ignore the basics of good design. ✅ Avoid vague intros ✅ Ditch stock photos ✅ Write with intention Read this honest guide by Tobias van Schneider.

🟡 Mockup Maison offers over 2,500 high-end mockups shot with real photography. ✅ PSDs with smart layers ✅ Natural lighting, no CGI ✅ New “Italy Resort” collection out now Perfect for premium branding visuals.

🟡 Smooth WebGL hover transitions in Framer? ✅ Stunning card animations ✅ High-res image swaps ✅ Fully remixable for your own site Try JJ Gerrish’s interactive demo in Framer.

🟡 Tutorial by Gizem Akdağ using FLORA’s LoRA update. ✅ Create branded mockups in a consistent style ✅ Adjust seed & settings for precision ✅ Add motion to bring visuals to life See how AI fits into your design workflow.

🟡 Learn how to structure and scale design tokens. ✅ Self-paced course ✅ Hands-on exercises ✅ For design system teams Explore Design Tokens Mastery at your own pace. by Romina Kavcic

🟡 DARKROOM lets you create striking branded mockups in seconds. ✅ Toggle can, color, and background layers ✅ Explore motion with bounce mode ✅ Fine-tune every element visually Minimal interface. Maximum control.

🟡 Open-source SDK and whiteboarding tool for building collaborative canvas apps in React. ✅ React-based whiteboard framework ✅ Multiplayer-ready ✅ Custom shapes and plugins Ideal for devs building visual tools, whiteboards, or real-time UIs.

🟡 Vodafone UK’s Variables Taxonomy Map ✅ Multi-brand token structure ✅ 2 visual variants ✅ Color-coded by alias & taxonomy A powerful reference for organizing design systems at scale. by Vodafone UK

🟡 Get daily design & development tips from Design dev ✅ Actionable web dev insights ✅ UI/UX tips every weekday ✅ 300 custom icons for new subscribers

🟡 A visual library of experimental buttons and micro-interactions in Figma ✅ Animated hover states ✅ Glass, glow, and 3D styles ✅ Free to remix and study

🟡 Melody Koh shares how to handle whiteboarding interviews: ✅ Break down problems ✅ Show process over polish ✅ Communicate tradeoffs clearly ✅ Collaborate and clarify in real time Grounded advice from both interviewer and interviewee perspective.

🟡 A workflow to build Dieter Rams–style interactive icons: ✅ Generate visuals with ChatGPT ✅ Refine vectors in Figma ✅ Add interactivity in Framer Lee Black’s tutorial blends minimal design and modern motion thinking.

🟡 Dev Utilities — a toolbox for developers. ✅ JSON/YAML/CSV converters ✅ Base64 + URL encode/decode ✅ Timestamps, HEX/RGB, .env tools ✅ No ads, no clutter — just fast tools Open source and built for speed.

🟡 Distort lets you bend and reshape vectors in Figma. ✅ Works like Pucker & Bloat ✅ Real-time shape control with sliders ✅ Fast, fun, and fluid distortion for icons & illustrations Try it and give your vectors a new personality. by Vijay Verma

🟡 Anthropic’s Prompt Engineering Guide helps you build better prompts: ✅ Define success for your use case ✅ Test and improve with evidence ✅ Use built-in tools like Prompt Generator by Anthropic

🟡 Tired of manually duplicating component states in Figma? ✅ Select a base component ✅ Generate all variant combos ✅ Auto-layout in bulk Try Instancer — a fast way to build and document your design system. by Manivannan Meenakshi Sundaram

🟡 Subatomic is a complete course on design tokens: ✅ 13+ hours of expert video lessons ✅ Figma + code architecture examples ✅ Naming, governance, and team workflows Built to help teams scale design systems with confidence. by Brad Frost

🟡 Best Designs on X curates standout work from top designers on X. ✅ Updated daily ✅ Direct links to X posts ✅ UI, motion, 3D, and branding inspiration Explore what’s trending in visual design.

🟡 UI Design with ChatGPT 4o Explore how ChatGPT-4o can assist UI designers with layout, copy, and idea generation. Article by Nick Babich

🟡 Prompy Curated AI visual prompts for web, UI, and creative design projects. Created by Mohamed Kerroudj

🟡 Visual design rules you can safely follow every time Comprehensive visual design guidelines for creating clear, coherent digital interfaces. by Anthony Hobday

🟡 Design Tokens Name Generator Tool for generating structured, scalable design token names. Created by @rominakavcic

🟡 JAPANESE COLOURS [ FOR UI ]™ Subtle Japan-inspired grey gradients designed for minimalist UIs.

🟡 Pexels Free stock photos, inserted directly into your Figma files.

🟡 Design Resources of the Day — May 23 ✢ Blend two shapes to generate smooth transitions ✢ A magical documentation site generator ✢ Learn UX, UI Design & Figma Online ✢ Kern Type – a letter spacing game ✢ 11 uses for variables beyond light and dark mode

🟡 Design Resources of the Day — May 22 ✢ Revolutionizing Design with AI-Powered Design Systems ✢ ShumerPrompt – Discover AI Prompts for Better Results ✢ Omlet · Measure the Success of Your Components

We couldn't send out the newsletter today due to some technical issues on @mailchimphelp.bsky.social. We’re on it and hope to get it to you tomorrow. 🫡

🟡 Design Resources of the Day — May 20 ✢ Design System Bootcamp by Molly Hellmuth ✢ Image Compressor — WEBP, JPG, PNG | Figma ✢ Matter. – a task manager that visually highlights what matters most to you

🟡 Design Resources of the Day — May 20 ✢ FLORA – Every creative AI tool, thoughtfully connected. ✢ Animography – animated typefaces ✢ Product Design Career Progression Matrix ✢ Design Systems in the Age of AI ✢ 3D Circular Animation in Framer

🟡 Design Resources of the Day — May 19 ✢ Payment Provider Explorer ✢ How to Choose the Right UX Metrics for Your Product ✢ Frontitude Figma Plugin – UX Writing Assistant ✢ No time for Research? 3 High-speed Research Methods for Growth ✢ Colormind – the AI powered color palette generator

🟡 Design Resources of the Day — May 18 ✢ 191 Social Proof Examples ✢ Grainient | Freebies – visually striking wallpapers and abstract gradients ✢ Atlassian Design System Components

🟡 Design Resources of the Day — May 17 ✢ The Thiings Collection – AI generated 3D icons ✢ Lenis for Framer — Smooth scroll component ✢ One-on-One Design Mentoring with Marc Andrew

🟡 Design Resources of the Day — May 16 ✢ Womp: Free 3D design software ✢ Hacking Your Product Requirement Documents to Encourage Better Design ✢ Kigen – Generate Design System Variable, Style & Document

🟡 Design Resources of the Day — May 15 ✢ Promptly – Discover, create, and share powerful prompts ✢ Video: Google Design Tutorials – Material Design ✢ UX GPT – Use ChatGPT in Figma as a UX Writer ✢ The Making of a Manager Book by Julie Zhuo ✢ Minimal Mockups - Free High-Quality Design Resources

🟡 Design Resources of the Day — May 14 ✢ Unknown Arts | Patrick Morgan ✢ Gamma – Instant Presentations, Websites, and More with AI ✢ Transhumans: Open Source Punk Sci-Fi Art Collection by Pablo Stanley ✢ 4 experts on how AI will transform design systems ✢ Evoker – Art at Your Command

🟡 Design Resources of the Day — May 13 ✢ Patternplate – Create better Design Systems ✢ Mitte AI – Create magical images & videos ✢ AI Design System – Are We There? ✢ Components for Web | Lightning Design System v2 ✢ HUEmotions – A Journey Through Color & Emotion

🟡 Design Resources of the Day — May 12 ✢ The Ultimate UX Research Career Kit ✢ Understanding the European Accessibility Act (EAA) ✢ Export Kit – one click, export all ✢ Bendito Mockup ✢ How to apply bricks on wall in building

🟡 Design Resources of the Day — May 11 ✢ Vue Design System, by Ariel Salminen ✢ SREF code by Tatiana Tsiguleva ✢ find design – Curated UI Design Inspiration ✢ The Manager's Handbook ✢ Style Reptile: Figma to CSS Extractor

🟡 Design Resources of the Day — May 10 ✢ Creatoom – Premium and free mockups psd ✢ VEED – AI Video Editor – Fast, Online, Free ✢ iso+ — Transform flat elements to stunning isometric 3D ✢ Design leadership books ✢ SREF code by Olga Volosin

🟡 Design Resources of the Day — May 9 ✢ Variable Visualizer Figma Plugin ✢ Free Vector Graphics and Clipart Images Styles ✢ How to grow as a designer even when you’re overwhelmed with work ✢ User Research Strategist – Strategic support for solo user researchers ✢ SREF code by @ grffeai

Wall of 💛