Fountn

Fountn

@fountn.design

Carefully curated design resources, updated daily. Each resource is hand-picked and reviewed by senior designers. https://fountn.design/

53 followers2 following263 posts

🟡 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