--- title: "#ui-design articles | Hashnode" description: "Explore 1,073 articles tagged #ui-design on Hashnode. Tutorials, guides, and how-tos from the community." url: "https://hashnode.com/tag/ui-design" --- Tag # #ui-design 1,073 posts · 1,346 followers [saraswati Codestore](https://hashnode.com/@codestorereaders) · [13h ago](https://hashnode.com/posts/ai-generated-interfaces-vs-traditional-mobile-ui/6af593eae65555bcc5e76c74) ### [AI-Generated Interfaces vs Traditional Mobile UI: What Changes for Mobile Teams](https://mobilappdevelopmentcompany.hashnode.dev/ai-generated-interfaces-vs-traditional-mobile-ui?utm_source=hashnode&utm_medium=feed) Compare AI-generated interfaces with traditional mobile UI and discover how generative UI is changing mobile app development. 5 min read · [mobilappdevelopmentcompany.hashnode.dev](https://mobilappdevelopmentcompany.hashnode.dev/ai-generated-interfaces-vs-traditional-mobile-ui?utm_source=hashnode&utm_medium=feed) [CreatorsRes](https://hashnode.com/@creatorsres) · [1d ago](https://hashnode.com/posts/figma-vs-sketch-for-teams/6af45a4abed19552f8bb81d4) ### [figma-vs-sketch-for-teams](https://creatorsres.hashnode.dev/figma-vs-sketch-for-teams?utm_source=hashnode&utm_medium=feed) Developer seats, Windows designers, and a one-time license: the details that decide it 1 min read · [creatorsres.hashnode.dev](https://creatorsres.hashnode.dev/figma-vs-sketch-for-teams?utm_source=hashnode&utm_medium=feed) [Projects AI](https://hashnode.com/@proj010) · [2d ago](https://hashnode.com/posts/what-s-coming-in-glowfy-v1-2/6af37862c6cb5b0b2f8baebe) ### [🚀 What's Coming in Glowfy v1.2!](https://projects-ai.hashnode.dev/what-s-coming-in-glowfy-v1-2?utm_source=hashnode&utm_medium=feed) Generate custom multi-layer shadows and glassmorphism UI with live layout controls, smart presets, and instant Tailwind CSS code. 1 min read · [projects-ai.hashnode.dev](https://projects-ai.hashnode.dev/what-s-coming-in-glowfy-v1-2?utm_source=hashnode&utm_medium=feed) [Winfred](https://hashnode.com/@winnx) · [Nov 3](https://hashnode.com/posts/transparent-image-padding-card-layout/6ae98cf55d67849d2298c1f3) ### [A Transparent Image Can Still Break Your Card Layout](https://winfred-notes.hashnode.dev/transparent-image-padding-card-layout?utm_source=hashnode&utm_medium=feed) Learn how transparent padding affects image size in UI cards, what object-fit actually fits, and how to check assets before changing your CSS. 2 min read · [winfred-notes.hashnode.dev](https://winfred-notes.hashnode.dev/transparent-image-padding-card-layout?utm_source=hashnode&utm_medium=feed) [PaperAnimationLab](https://hashnode.com/@paperanimationlab) · [Nov 2](https://hashnode.com/posts/why-developers-tech-creators-are-moving-away-from-flat-ui-toward-tactile-motion/6ae835cf55d1fa1177392a75) ### [Why Developers & Tech Creators Are Moving Away from Flat UI Toward Tactile Motion](https://paperanimationlab.hashnode.dev/why-developers-tech-creators-are-moving-away-from-flat-ui-toward-tactile-motion?utm_source=hashnode&utm_medium=feed) If you’ve browsed Twitter/X, Product Hunt, or GitHub releases over the last year, you’ve likely felt it: an overwhelming wave of visual deja vu. Every SaaS landing page features the exact same gradie 5 min read · [paperanimationlab.hashnode.dev](https://paperanimationlab.hashnode.dev/why-developers-tech-creators-are-moving-away-from-flat-ui-toward-tactile-motion?utm_source=hashnode&utm_medium=feed) [KD Jayakody](https://hashnode.com/@kdjayakody-lk) · [Oct 31](https://hashnode.com/posts/5-sites-i-use-so-my-vibe-coded-apps-don-t-look-ai-generated/6ae6570f5d45437e36d990b4) ### [5 Sites I Use So My Vibe-Coded Apps Don't Look AI-Generated](https://kdjayakody.hashnode.dev/5-sites-i-use-so-my-vibe-coded-apps-don-t-look-ai-generated?utm_source=hashnode&utm_medium=feed) I teach AI and web development, and the most common thing I see in vibe-coded apps is that they all look the same: same gradients, same cards, same "AI default" feel. The fix isn't a better model. It' 3 min read · [kdjayakody.hashnode.dev](https://kdjayakody.hashnode.dev/5-sites-i-use-so-my-vibe-coded-apps-don-t-look-ai-generated?utm_source=hashnode&utm_medium=feed) [Projects AI](https://hashnode.com/@proj010) · [Oct 28](https://hashnode.com/posts/how-to-create-smooth-layered-css-shadows-and-glassmorphism-in-seconds/6ae23cb8925ab192990a9c6f) ### [How to create smooth layered CSS shadows and Glassmorphism in seconds 🎨🚀](https://projects-ai.hashnode.dev/how-to-create-smooth-layered-css-shadows-and-glassmorphism-in-seconds?utm_source=hashnode&utm_medium=feed) Generate smooth layered CSS shadows and glassmorphism UI effects in real-time with CSSForge. Free, fast, and 100% client-side. 1 min read · [projects-ai.hashnode.dev](https://projects-ai.hashnode.dev/how-to-create-smooth-layered-css-shadows-and-glassmorphism-in-seconds?utm_source=hashnode&utm_medium=feed) [Maniruzzaman Jubayer](https://hashnode.com/@jubayer910) · [Oct 18](https://hashnode.com/posts/design-system-examples-9-public-systems-and-what-to-copy/6ad5052ae7fdf0805ab925a5) ### [Design system examples: 9 public systems and what to copy](https://jubayer910.hashnode.dev/design-system-examples-9-public-systems-and-what-to-copy?utm_source=hashnode&utm_medium=feed) Material 3, Carbon, Fluent 2, Primer, GOV.UK and more: what each design system publishes, what it teaches, and what to copy at each stage. 17 min read · [jubayer910.hashnode.dev](https://jubayer910.hashnode.dev/design-system-examples-9-public-systems-and-what-to-copy?utm_source=hashnode&utm_medium=feed) [TSI DEV Studio](https://hashnode.com/@tsidevstudio) · [Oct 15](https://hashnode.com/posts/why-android-screenshot-consistency-matters-more-than-you-think/6ad1377a7f3bd0754e187e14) ### [Why Android Screenshot Consistency Matters More Than You Think](https://tsidevstudio.hashnode.dev/why-android-screenshot-consistency-matters-more-than-you-think?utm_source=hashnode&utm_medium=feed) Control battery, signal, carrier and status bar details for consistent Android screenshots with Nullun. 3 min read · [tsidevstudio.hashnode.dev](https://tsidevstudio.hashnode.dev/why-android-screenshot-consistency-matters-more-than-you-think?utm_source=hashnode&utm_medium=feed) [Suprabhat Kumar](https://hashnode.com/@suprabhat02) · [Oct 15](https://hashnode.com/posts/why-minimal-ui-improves-clarity-and-conversion/6ad09f0ba5cedd736a9a7c22) ### [Why Minimal UI Improves Clarity and Conversion](https://suprabhatkumar.hashnode.dev/why-minimal-ui-improves-clarity-and-conversion?utm_source=hashnode&utm_medium=feed) How hierarchy, spacing, typography and focused content make professional websites easier to understand, trust and act on. 6 min read · [suprabhatkumar.hashnode.dev](https://suprabhatkumar.hashnode.dev/why-minimal-ui-improves-clarity-and-conversion?utm_source=hashnode&utm_medium=feed)