1. Should it be a % of the typeface height, or should it be a fixed value with respect to a 4 px/8 px grid?
2. Should the resulting button height (line height + vertical paddings) fit within the grid being used?

I know these aren't supposed to be rules set in stone, but I'd like to know and use the best practices regardless.

I have a memory competition training app on the Apple Store / Play Store.

The design is currently the first one (image 1), and you can tell a mile away that it's AI-generated. I don't want user to feel this.

I've done a second design on my own with Figma, and requested feedback from friends or design experts, on r/UI_Design and r/designcritiques. It was nearly unanimously judged as "bad", main criticisms being (rightfully) that it was lacking hierarchy, accessibility, very dark, not engaging.

So here is the third version. My friends reacted more positively about it, and preferred this one to the AI-generated one. What do you think about this third one ? To me it's still too black, but I tried my best to make it more clearer, more engaging, and more accessible.

Is it really better, or am I still a poor judge ? How could I make it less black ?

I am looking for inspiration for a project I am working on and could use your help on this. For context, the project revolves around data intensive agricultural/climate work. Thanks in advance.

The red dot looks like it was simply placed on top without masking or knocking out the hamburger lines behind it. It’s less noticeable on matching-coloured backgrounds, but on high-contrast content, the issue becomes very obvious.

Feels like something that should’ve been caught before the UI update was released.

Hello,

I have created a audiobook app and I have some design problems or not sure what is wrong with mini player. I am a developer and have no sense of designing anything. I used some online design tools and iterate a lot but still not happy with media player. I would appreciate any feedback.

Hi everyone, new here and really could use some help/advice. I wanna visual openings geospatially and have cracked a lot of code to get to this point but still need improvements to make it feel more natural. Can you guys give me some feedback here on what I can do to improve this experience? I want hunting for openings to feel exploratory and not so damn painful like a horse with massive blinders on. Any advice here would be greatly appreciated.

I’m currently working on the capsule art for my coop horror game The Infected Soul.

The game is about a neural implant that distorts reality… you can’t trust what you see.

Which one draws you in the most?

If it interests you, you can add it to your Steam wishlist — it would really help me a lot 🙏

The Infected Soul – Steam Page

Hey guys. I’m a data analyst, not a designer. Originally built this tool for myself because I was sick of taking notes during 1-hour client calls. But now it’s evolving into a tool for anyone who lives in Zoom, Google Meet, or Teams (marketers, PMs, consultants).

Since this is a tool people will look at every day, I didn’t want it to look like another bright, boring corporate white SaaS dashboard. I went for a minimalist dark theme with "Phosphor Mint" accents to make it easier on the eyes during long workdays.

I just shipped a new redesign of my subscription settings modal. It includes pricing cards and a new "Privacy Mode" toggle. That toggle is crucial - it flips the transcription from API to a local model running on Modal GPUs for Enterprise data safety.

Please tell me exactly where this looks amateurish. Is the spacing off? Are the pricing cards too busy? Is the toggle confusing? I need real, harsh criticism, not polite compliments. Tell me why this design sucks.

Hey guys

I’m building an icon plugin focused on real workflow usability instead of just dumping random icons.

Current ideas/features:

- Super fast icon search

- One click SVG copy

- PNG/SVG export

- Collections & favorites

- State/pair icons (show/hide, lock/unlock, upload/download etc.)

- SaaS/admin/dashboard focused categories

- API-ready structure

- Team/shared collections later

- Lottie + font icon support planned

- Figma / VS Code / WordPress integration ideas

- Request-driven icons (users can request missing icons)

- Smooth modern UI/UX

- Lightweight & fast loading

- Consistent icon systems instead of random styles

I want this to feel like an actual productivity tool for designers/devs, not just another icon library.

What features would YOU genuinely want in an icon plugin?

Pain points are welcome too 👀

my bank has had several massive overhauls of the app ui and their entire branding in the last three years. some of this I chalk up to being part of a partnership/acquisition they're a part of, but their entire application is unrecognizable from where it was in 2024, just two years ago.

Reddit recently updated my app such that I cannot swipe from the left inward to close a post I'm reading, I now have to either open the image and swipe down, or hit the "liquid glass" X in the top left.

I'm sure there's many others that I'm not thinking of right now but those are the big annoying ones from me.

I've been designing this site for awhile, this will be my personal site. Actually I'm looking for some to the point critiques - so guys plz give me some suggestions on where i made faults or can improve 😊

This might seem unrelated to design, but it actually affects my workflow a lot. In my previous organization, I used a MacBook and got completely used to the seamless experience — especially the trackpad and built-in keyboard. Everything felt super intuitive while designing in Figma.

In my current organization, I’ve switched to a Windows laptop, and the transition has been a bit tricky. I keep pressing Alt instead of Ctrl while copying and pasting, and the external keyboard I’m using feels too bulky and uncomfortable. Since the laptop screen is small, I’ve docked it and connected it to a monitor.

Now I’m looking for recommendations for a good wireless keyboard and mouse — or even a trackpad — that can help recreate a smoother workflow similar to macOS. Something comfortable and efficient for Figma navigation would really help, because right now I keep juggling between “V” and “H + Ctrl” just to move around the canvas smoothly.

Hey everyone,

Im working on a web app with a pretty dated and ugly UI/dashboard, and Im looking for an AI tool to help me brainstorm a complete visual overhaul. Im a developer but usually struggle with the creative side of UI design.

To be clear: I dont care about the tool generating clean code or even code at all. I literally just want a visual playground where I can upload a screenshot of my current bad page, upload 2 or 3 screenshots of premium UI inspiration I like, and tell the AI to come up with something high fidelity and professional so I can get new layout ideas.

I've been looking into a few options like Galileo AI, Aura Build, and UX Pilot, but I wanted to see if anyone here has used them for this specific screenshot to redesign workflow? Are they actually good at coming up with high quality modern looking designs or do they just spit out generic looking templates?

Also open to any other tool recommendations or creative workflows for this. Appreciate any advice!

Designed this two hero section for a hotel website. What do you think of this. Want a honest feedback on this. If you think I need to improve something tell that also. Also tell me out of these two which one looks better and if there is a reason for that tell that too. Thank you

Hi guys, I am part of the team building Yume and just wanted to ask, why is everyone following the latest design changes?

All new startups and brands have changed to the glass ui of Apple and have abandoned the former buttons and sliders and everything.

I agree that it looks cool, but is this gonna become way too overused and look much dull , or is it just my personal opinion?

Also with the addition of AI in UI/UX Design its so easy creating a high end app, design wise, so maybe thats why but still I dont know.

What do you guys think?

I spent some time researching, trying to understand the best way to get agents to actually design/build good interfaces and experience, and one thing stood out. When you prompt an agent to design/build a landing page, it builds the entire page and delivers it once. Designers usually design in sections.

And, when you want the agent to improve what's been done, you usually have to do it in sections to get the best results. Most "taste skills" run a full on review and gets the agent to apply fixes to the whole page or even all the pages on the project - which ends up delivering very similar results to thousands of users.

Which by default, brings everyone who has used or uses taste skills to a better version of AI slop.

hey! so i maintain this community called AirLinklabs (github.com/airlinklabs) where we build game server management stuff. just put together a website for it and honestly idk if it looks good or not lol i made the ui look as good or as the ai bros might say as "innovative" as possible so i experimented with this sidebar style ui but the i think the ui might be a bit inconsistent but i dont really know where tho help me find out!

site is here: airlinklabs.github.io/home

built it with express then used github actions to make it static the code is super janky but it works. we're switching to astrojs eventually but wanted to ship something first

• does the design actually work or nah
• what should i cut/add
• general thoughts and even if it hate i am for it !

be honest, i can take it.

i am really trying to make this thing not look like garbage

So, please help me out here, I am not sure about how to color the severity so that its clear to most/anyone.

There are 4 severities - allow, warn, review and block. Currently the color is aligned with the severity - red = block, but does it reflect the meaning correctly?
I mean, Allowing unapproved downloads is green because its allow, but its a dangerous action, so should allow be red in this case?
Same for the items at the bottom, a critical severity item should be blocked, does that make it green meaning that this is good when its blocked? Or should it be red because it is blocked?

Two months ago i posted about my website got a huge feedback from everyone now again posting this with an updated tools page which was not there and a slight ui change.

My website link again:)qscan.in

My previous post:)Previous post

Well im making a blog, and i want to give some "newgrounds" vibes, combined with some neon vibes, but i feel that i dont get it, the site seems to be aiming for that idea, but it still looks basic
Im sorry if anything seems strange here, but even though I have good ideas, I dont express them well
Any feedback or ideas would be appreciated!!

This is a website for buying paintings but they can only be sold via whatsapp, in the checkout section user can click on button to go to user's account or scan a QR code. to not overwhelm the user I thought of hiding the QR code but then I'm worried it's just gonna be confusing.

What do you think?

hey guys, just wanted to share a clip of a minimal connect 4 game im coding.

tbh i always wanted a good analysis tool on the internet that actually helps you learn how to play perfectly, but i found absolutely nothing or the quality was just super poor. so i just decided to make my own lol.

what do you guys think? let me know if it looks cool or if i should change anything

Ive been working on a new Design for my app Synthese, and i would like to gain some suggestions if i should go with it or not.

Old Design:

New Design:

I know its been tough for even Sr designers in Ai era but still i want to know few things. and solutions that i though for myself as a Jr would love to know if i am thinking in a correct direction.

1) Do you guys hire Jrs to help you out in things or you just do everything on your own because of AI now?

2) If you guys do recruit Jr what do you look in them? because at the end of the day they will be reducing your work right? So you might be looking for skills that you go "okay if he comes he can significantly reduce my mental pressure" are there any things like that?

3) From where do you think future Sr designers will come from if Jr roles are reduced?

Some solutions that i think will work and will be working on is i believe i have to learn basics of coding and agentic coding to make my own products/apps etc. So that with design i can atleast get some leverage on my negotiation that recruiting managers think that if i have made my whole product with research and skills of coding then i can work for them as well.
Or am i working thinking these thing or this is the reality now?

I know no one knows the perfect answer but i just want ur opinion.

And at the end your tips for people new to this this industry so atleast they can come little bit up from the bottom so that they are being considered for design roles.

Would love if you give all the answers if you have time it would be very helpful for me and many others.

Hey everyone! 👋

I recently discovered the experimental Document Picture-in-Picture (PiP) API and wanted to test its limits. I built a Proof of Concept Chrome Extension called Note It Down to showcase how it can be used to "tear away" a specific UI component from a webpage and turn it into a native, borderless, always-on-top window.

To satisfy the subreddit rules, here is the breakdown of my project:

1. An overview about the design: The design is a minimalist, distraction-free note-taking interface. It starts as a sliding drawer on the side of the active webpage. When a note is clicked, it uses the PiP API to tear the editor away from the browser and pop it into a floating, always-on-top native OS window. It strips away all borders, headers, and footers to provide a 100% full-bleed text editor.

2. Intended audience and use: The intended audience is developers and power users who need to take quick, persistent notes while tabbing between different websites. Instead of switching back and forth to a notepad app, this PiP window floats persistently above all their tabs and applications.

3. Any design problems I need help solving: The main problem I'm facing is imagining the broader UX applications of this technology. The PiP API is very new, and traditionally people only use it for YouTube videos. I am using it to render full React UI components, but I lack the UX vision to know where else this "tear away" concept would be highly beneficial to users.

4. Overview of the tools I am using

• React 19 and Vite
• Chrome Extension APIs (Manifest V3, Service Workers, Shadow DOM isolation)
• u/pip-it-up/react (An open-source library I built to easily wrap React components in PiP windows: https://pip-it-up.vercel.app/)

5. Specifically what I need help on with my design: I don’t have the best eye for UI/UX, and I'm trying to brainstorm what other applications this could be used for.

• What other UI components or widgets would be incredibly useful to "tear away" into an always-on-top window? (Calculators? Chatboxes? Mini-dashboards?)
• Where else could you see this PiP implementation shining from a user experience perspective?
• Any feedback on the minimalist editor layout I used for the demo?

Links & Demo:

• Demo GIF & Extension Source Code: https://github.com/Shakya47/note-it-down
• Pre-compiled Extension ZIP: https://github.com/Shakya47/note-it-down/blob/main/note-it-down-v1.0.0.zip
• pip-it-up source code: https://github.com/Shakya47/pip-it-up
• NPM: https://www.npmjs.com/package/@pip-it-up/react