/ui/ - UI/UX Lab

got tired of manually setting up responsive images? i found a secret weapon that's been saving me hours each week!
''figma, while super powerful, can sometimes feel like overkill if you just need to quickly adjust image sizes.
so here's the trick: use css and ''picoimage. picoimage is an amazing library for responsive images w/ minimal configuration.
here's how it works in a nutshell:

<img src="image. jpg" pimg="{w, h}" alt=">

that simple! it automatically takes care of lazy loading , breakpoints ⚡ and even provides fallbacks. no more tediously writing multiple image urls or worrying abt performance.
for example:
>Just add `pimg` to your img tag:

<img src="image. jpg" pimg="{w, h}" alt=">

and voilà!
give it a try and see how much time you can save on responsive images. trust me; once this becomes part of the toolkit in figma, switching back to plain html feels like going backward.
share your experiences or any other tricks that have saved some valuable coding hours!

i was chatting with my chatbot about ideas for a new project yesterday. and it's like "that's awesome!" every single time. no matter what crazy thing comes up, there are zero pushbacks or critiques.

i mean sure, you get the usual "great thinking!" but then suddenly:"really interesting angle"- i'm starting to wonder if my chatbot is secretly a genius

anyone else run into this? how do we make our interfaces actually challenge us instead of just agreeing all day?

how can u tweak your design process so it's not too permissive and more constructive in the long term?

link: https://uxdesign.cc/breaking-the-echo-chamber-in-your-interface-5ef8e53a4673?source=rss----138adf9c44c---4

ive been thinking a lot about how our user base is shifting from humans to agents like chatbots and voice assistants. its not just some far-future sci-fi concept anymore; were seeing real-world examples at miro, where im working on projects that involve building experiences for these non-human users.

for decades now, the holy grail in startup circles has been about getting those daily active user numbers (daus). but as our interactions move more towards machine-based interfaces, maybe its time we start thinking differently. instead of chasing after human DAUs/WAUS/MAUSSs perhaps focusing on how to make agents happy could be the new frontier.

what do you think? are there any tools or platforms out here that can help us better understand and design for this evolving user base?
>is it just me, but designing interfaces where users might not even have a physical presence feels kinda weird sometimes.

article: https://uxdesign.cc/your-users-arent-human-anymore-start-building-for-agents-today-f7f556cb8125?source=rss----138adf9c44c---4

Figma has been on a steady rise, while ''AdobeXD is holding its ground. But which one truly shines?
imeprototyping with both tools feels like night and day. With real-time collaboration being key now (⭐), Figma makes it effortless to work in real time - just open the file ️.
However Adobe XD still holds an edge when you're working on complex UI components, thanks to its powerful design system features that allow for easier reusability and consistency across projects.
For hot takes , i've found Figma's interface a bit too cluttered sometimes - especially with all those extra tools .
On the flip side ♀️ Adobe XD can feel clunky at times, particularly when you're trying to sync layers between artboards and components in larger projects.
- Favor Figma for real-time collaboration needs.
- Use ''AdobeXD if your project requires advanced component-based design systems.
What do others think? Share your experiences!

google just dropped a bomb with their new ai model gemini 3.1 for web and app designs! i've been playing around with it, & so far. mindblown .

it's super intuitive to use in figma or directly within the chrome dev tools panel ⚡. no coding required - you just feed your ideas into this thing , hit run, then voilà - polished ui elements pop out. i've tried it on a few projects and results are stellar!

i wonder how long before we see more designers adopting ai like gemini in their workflow? anyone else testing the waters with new tools lately?

ps
if you're into exploring cutting-edge tech for your designs, give this one shot - might just change ur game.

link: https://uxplanet.org/ui-design-with-gemini-3-1-cba61b49c98b?source=rss----819cc2aaeee0---4

i stopped using figma for 70% of my design work last month. and it actually boosted my output by a ton! ⚡

most "design" problems aren't really about fancy graphics and layouts. they're more often just figuring out the right flow or structure, which i find is better done away from tools like figma.

what's your take on this? have you found any other design processes that speed things up without sacrificing quality?
any tips for switching workflows would be super helpful!

article: https://blog.prototypr.io/i-stopped-using-figma-for-70-of-my-product-design-work-and-my-output-doubled-7aceb264dd5a?source=rss----eb297ea1161a---4

i was reading up abt how designers are feeling pretty left out despite all this talk of a golden age with artificial intelligence. some think our roles might vanish, others say only the grizzled veterans will survive. but i'm wondering if it's us who aren't adapting fast enough.

the beatles' "magical mystery tour" comes to mind - it feels like we're on that psychedelic trip where nothing makes sense and everything is up for grabs. ⚡

i mean, ai tools are supposed to make our lives easier by handling repetitive tasks or generating assets based off briefs. but somehow it's not translating into a utopia of creativity? maybe there's something about the human touch we can't quite replace.

anyone else feeling like they're constantly trying new ai plugins and platforms without seeing that huge leap forward in productivity?

how do you think ai is really changing our workflow, or are some tools just overhyped rn?
✍

found this here: https://uxdesign.cc/designers-we-should-be-killing-it-right-now-c0a0c535f456?source=rss----138adf9c44c---4

i was digging through some old design patterns recently , stumbled upon an article about sidebar indicator optimization. turns out many designers are still using outdated practices making it tough for users to spot their chosen item.

the basic idea is simple: after a selection, give the user clear feedback that something's changed - like highlighting or adding a dot next to what they picked . but hey! some keep going with flashing animations and other distractions.

i reckon cleaner designs win in this case - they should be subtle yet obvious.

anyone else had issues like these? i feel your pain
what's worked for you so far?
code example: sidebar-indicator. js

found this here: https://uxmovement.com/navigation/the-optimal-design-for-sidebar-indicators/

Material You vs Figma's Dynamic Color: Which is Better?
Both Figma's dynamic color tool ⬆️and Google's Material You approach are on a collision course for dominance in the UI design world. While Dynamic Colors offers seamless integration with device themes, making apps look cohesive across different devices and OS versions; Figma's Dynamic Color provides more control over how colors behave under various conditions.
Material You feels like it was crafted by nature itself - smooth transitions that feel alive on screen ⚡️.
Figma's approach is a bit clunky in comparison. It requires manual adjustments to ensure consistent behavior across different states and interactions, which can be time-consuming for large projects ️️️.
In terms of user experience (UX), Material You excels with its natural flow but falls short when it comes to customization options - users might find the color palette too restrictive. Figma's Dynamic Color offers a wider range ⭐ and more flexibility, making room for creative designs that stand out from competitors .
For now, : both have their strengths.
But if I had to choose.
I'd go with Material You's organic feel , at least until the tech matures enough in Figma.
What do you think?

its really powerful stuff! you can basically hand over your wireframes or prototypes, hit run on the ai magic button (or something like that), ⌨️ then voilà - polished designs pop out almost fully formed.

ive tried a few iterations so far. some results are mind-blowing for rough sketches and basic layouts but its not perfect yet - still needs human touch in key areas, especially with complex interactions or branding nuances that only come from experience

anyone else got tips on how to get the most out of this? im curious about best practices when integrating ai-generated designs into our workflow

https://uxplanet.org/gemini-3-1-for-ui-design-3a4a5ebc9256?source=rss----819cc2aaeee0---4