# design

Published articles for design.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Holy Moly uses one modular connector for flat-pack furniture

DevFeed: [Holy Moly uses one modular connector for flat-pack furniture](<https://devfeed.tech/articles/holy-moly-is-the-swiss-army-knife-of-flat-pack-furniture-hardware-41370.md>)

Original publisher: [Read original article](<https://www.yankodesign.com/2026/09/17/holy-moly-is-the-swiss-army-knife-of-flat-pack-furniture-hardware/>)

Author: JC Torres

Published: 2026-09-17T16:20:03Z

Content type: article

Language: en

Sources: [Yanko Design](<https://devfeed.tech/sources/yanko-design.md>)

Topics: [Hardware](<https://devfeed.tech/topics/hardware.md>), [scaling](<https://devfeed.tech/topics/scaling.md>), [locking](<https://devfeed.tech/topics/locking.md>)

Tags: [cabinets](<https://devfeed.tech/tags/cabinets.md>), [concept-designs](<https://devfeed.tech/tags/concept-designs.md>), [connectors](<https://devfeed.tech/tags/connectors.md>), [design](<https://devfeed.tech/tags/design.md>), [flat](<https://devfeed.tech/tags/flat.md>), [furniture](<https://devfeed.tech/tags/furniture.md>), [furniture-cabinets-concept-designs-perforated](<https://devfeed.tech/tags/furniture-cabinets-concept-designs-perforated.md>), [hardware](<https://devfeed.tech/tags/hardware.md>), [hooks](<https://devfeed.tech/tags/hooks.md>), [locking](<https://devfeed.tech/tags/locking.md>), [perforated](<https://devfeed.tech/tags/perforated.md>), [scaling](<https://devfeed.tech/tags/scaling.md>)

### AI overview

The Holy Moly Cabinet replaces assorted flat-pack furniture fasteners with one clover-shaped connector that can serve as a door pull, leg, hinge, or shelf bracket. Its perforated steel panels allow components to be repositioned, stacked, and expanded using the same hardware.

### Source excerpt

Holy Moly Is the Swiss Army Knife of Flat-Pack Furniture Hardware Most flat-pack furniture ships with a plastic bag full of different screws, dowels, and brackets, each one doing exactly one job and nothing else. The...

## A Speaker That Clips to City Poles and Leaves No Mark

DevFeed: [A Speaker That Clips to City Poles and Leaves No Mark](<https://devfeed.tech/articles/a-speaker-that-clips-to-city-poles-and-leaves-no-mark-34917.md>)

Original publisher: [Read original article](<https://www.yankodesign.com/2026/09/16/a-speaker-that-clips-to-city-poles-and-leaves-no-mark/>)

Author: Ida Torres

Published: 2026-09-16T22:30:15Z

Content type: article

Language: en

Sources: [Yanko Design](<https://devfeed.tech/sources/yanko-design.md>)

Topics: [systems](<https://devfeed.tech/topics/systems.md>)

Tags: [architecture](<https://devfeed.tech/tags/architecture.md>), [audio](<https://devfeed.tech/tags/audio.md>), [audio-technology-concept-designs-public-speaker](<https://devfeed.tech/tags/audio-technology-concept-designs-public-speaker.md>), [building](<https://devfeed.tech/tags/building.md>), [concept-designs](<https://devfeed.tech/tags/concept-designs.md>), [design](<https://devfeed.tech/tags/design.md>), [public](<https://devfeed.tech/tags/public.md>), [sound](<https://devfeed.tech/tags/sound.md>), [space](<https://devfeed.tech/tags/space.md>), [speaker](<https://devfeed.tech/tags/speaker.md>), [technology](<https://devfeed.tech/tags/technology.md>)

### AI overview

Mariami Kurtishvili's Orchid Sound System is a graduate thesis proposing stainless steel high-frequency horns that clip onto existing urban infrastructure without screws, drilling, or permanent marks. The project explores temporary communal sound in public spaces.

### Source excerpt

A Speaker That Clips to City Poles and Leaves No Mark Walk down almost any street in an American city without your headphones in, and you will notice how little of that walk actually belongs to...

## TRA:CE is a portable scanner concept for recording color, material, and surface finish

DevFeed: [TRA:CE is a portable scanner concept for recording color, material, and surface finish](<https://devfeed.tech/articles/phone-photos-of-materials-lie-this-scanner-reads-the-surface-itself-31394.md>)

Original publisher: [Read original article](<https://www.yankodesign.com/2026/09/16/phone-photos-of-materials-lie-this-scanner-reads-the-surface-itself/>)

Author: JC Torres

Published: 2026-09-16T13:20:57Z

Content type: article

Language: en

Sources: [Yanko Design](<https://devfeed.tech/sources/yanko-design.md>)

Topics: [color](<https://devfeed.tech/topics/color.md>), [Tool](<https://devfeed.tech/topics/tool.md>), [dataset](<https://devfeed.tech/topics/dataset.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [capture](<https://devfeed.tech/tags/capture.md>), [cmf](<https://devfeed.tech/tags/cmf.md>), [color](<https://devfeed.tech/tags/color.md>), [concept-designs](<https://devfeed.tech/tags/concept-designs.md>), [design](<https://devfeed.tech/tags/design.md>), [gadgets](<https://devfeed.tech/tags/gadgets.md>), [gadgets-product-design-technology-cmf-concept-designs-scanner](<https://devfeed.tech/tags/gadgets-product-design-technology-cmf-concept-designs-scanner.md>), [product-design](<https://devfeed.tech/tags/product-design.md>), [scanner](<https://devfeed.tech/tags/scanner.md>), [technology](<https://devfeed.tech/tags/technology.md>)

### AI overview

The article presents TRA:CE, a pocket-sized CMF scanner concept that reads color, material, texture, and finish directly from surfaces. Scans are saved in a companion app with color values, reference matches, grain, pore size, and gloss information.

### Source excerpt

Phone Photos of Materials Lie, This Scanner Reads the Surface Itself Every designer has a folder full of phone photos that were supposed to capture a specific shade of oak or a particular matte finish, and...

## Automating App Store Screenshots

DevFeed: [Automating App Store Screenshots](<https://devfeed.tech/articles/automating-app-store-screenshots-27367.md>)

Original publisher: [Read original article](<http://engineering.khanacademy.org/posts/automating-app-store-screenshots.htm>)

Author: Khan Academy

Published: 2017-03-27T22:00:00Z

Content type: tutorial

Language: en

Sources: [Khan Academy](<https://devfeed.tech/sources/khan-academy.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [ui-testing](<https://devfeed.tech/topics/ui-testing.md>), [Xcode](<https://devfeed.tech/topics/xcode.md>), [Sketch](<https://devfeed.tech/topics/sketch.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [Testing](<https://devfeed.tech/topics/testing.md>)

Tags: [app-store](<https://devfeed.tech/tags/app-store.md>), [design](<https://devfeed.tech/tags/design.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [fastlane](<https://devfeed.tech/tags/fastlane.md>), [ios](<https://devfeed.tech/tags/ios.md>), [iphone](<https://devfeed.tech/tags/iphone.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [news](<https://devfeed.tech/tags/news.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [testing](<https://devfeed.tech/tags/testing.md>), [ui-testing](<https://devfeed.tech/tags/ui-testing.md>), [xcode](<https://devfeed.tech/tags/xcode.md>)

### AI overview

A tutorial describing how Khan Academy automated App Store and Play Store screenshots with Xcode UI tests, Fastlane, a Snapfile, and a homegrown Sketch file. The team reduced screenshot update time from about a week to about an hour.

### Source excerpt

By Bryan Clark One of the more tedious design tasks is keeping your App Store promo images up-to-date. ... Read more

## Fun with slope fields, css and react

DevFeed: [Fun with slope fields, css and react](<https://devfeed.tech/articles/fun-with-slope-fields-css-and-react-27377.md>)

Original publisher: [Read original article](<http://engineering.khanacademy.org/posts/fun-with-slopfields.htm>)

Author: Khan Academy

Published: 2015-08-05T22:00:00Z

Content type: opinion

Language: en

Sources: [Khan Academy](<https://devfeed.tech/sources/khan-academy.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [React](<https://devfeed.tech/topics/react.md>), [notifications](<https://devfeed.tech/topics/notifications.md>), [math](<https://devfeed.tech/topics/math.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [design](<https://devfeed.tech/tags/design.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [fun](<https://devfeed.tech/tags/fun.md>), [math](<https://devfeed.tech/tags/math.md>), [news](<https://devfeed.tech/tags/news.md>), [notifications](<https://devfeed.tech/tags/notifications.md>), [react](<https://devfeed.tech/tags/react.md>)

### AI overview

An account of designing a Khan Academy notification banner for LearnStorm winners under a tight three-day deadline. The project focused on improving the notification's visual presentation while incorporating LearnStorm's slope-field identity, using CSS and React.

### Source excerpt

By Marcos Ojeda A while ago, we needed to send out a notification to all our LearnStorm winners ... Read more

## Making thumbnails fast

DevFeed: [Making thumbnails fast](<https://devfeed.tech/articles/making-thumbnails-fast-27392.md>)

Original publisher: [Read original article](<http://engineering.khanacademy.org/posts/making-thumbnails-fast.htm>)

Author: Khan Academy

Published: 2015-09-14T22:00:00Z

Content type: tutorial

Language: en

Sources: [Khan Academy](<https://devfeed.tech/sources/khan-academy.md>)

Topics: [Image](<https://devfeed.tech/topics/image.md>), [pixel](<https://devfeed.tech/topics/pixel.md>), [Server](<https://devfeed.tech/topics/server.md>), [Software](<https://devfeed.tech/topics/software.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [blog](<https://devfeed.tech/tags/blog.md>), [code](<https://devfeed.tech/tags/code.md>), [color](<https://devfeed.tech/tags/color.md>), [components](<https://devfeed.tech/tags/components.md>), [design](<https://devfeed.tech/tags/design.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [image](<https://devfeed.tech/tags/image.md>), [images](<https://devfeed.tech/tags/images.md>), [news](<https://devfeed.tech/tags/news.md>), [rgb](<https://devfeed.tech/tags/rgb.md>), [software](<https://devfeed.tech/tags/software.md>), [web-frontend](<https://devfeed.tech/tags/web-frontend.md>)

### AI overview

Khan Academy explains how it generated custom video thumbnails by resizing, desaturating, lightening, color-tinting, and overlaying text and branding on source images. The post also explains pixel multiplication and why the team implemented the image operations themselves because its server infrastructure could not use available libraries.

### Source excerpt

Note: This post contains quite a bit of LaTeX notation, which is not supported right now on this ... Read more

## Object-Oriented UI Design: How You Can Collaborate Seamlessly with Developers and Build Better Products

DevFeed: [Object-Oriented UI Design: How You Can Collaborate Seamlessly with Developers and Build Better Products](<https://devfeed.tech/articles/object-oriented-ui-design-how-you-can-collaborate-seamlessly-with-developers-and-build-better-products-31384.md>)

Original publisher: [Read original article](<https://ixdf.org/literature/article/object-oriented-ui-design-how-you-can-collaborate-seamlessly-with-developers-and-build-better-products>)

Author: William Hudson

Published: 2026-09-16T09:07:08Z

Content type: tutorial

Language: en

Sources: [UX Daily - User Experience Daily](<https://devfeed.tech/sources/ux-daily-user-experience-daily.md>)

Topics: [User interface design](<https://devfeed.tech/topics/ui-design.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>), [Code](<https://devfeed.tech/topics/code.md>), [Testing](<https://devfeed.tech/topics/testing.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [design](<https://devfeed.tech/tags/design.md>), [developer](<https://devfeed.tech/tags/developer.md>), [ui](<https://devfeed.tech/tags/ui.md>), [user-testing](<https://devfeed.tech/tags/user-testing.md>)

### AI overview

This video tutorial explains object-oriented UI design as a way for designers and developers to share a conceptual model. It uses familiar objects such as appointments, their attributes, and their operations to clarify collaboration and create more natural interfaces.

### Source excerpt

You're at your routine health checkup, sipping an iced coffee on a hot day. Suddenly, you get a sharp pain in your head. The doctor looks up from her notes, a sympathetic expression on her face. "You're experiencing sphenopalatine ganglioneuralgia." Your heart sinks. The coffee cup drops to the floor. Medication? Surgery? How long do you have? "Sorry! Doctor speak," she says, noticing your panic. "You have brain freeze." Two completely different terms for the exact same thing, and one of them nearly gave you a panic attack.Designers and developers do this to each other all the time. You call it an "appointment," the developer calls it an "event," and the database calls it a "record." Everyon...

## Object-Oriented Design Lessons from Trello, Notion, Tinder, and Amazon

DevFeed: [Object-Oriented Design Lessons from Trello, Notion, Tinder, and Amazon](<https://devfeed.tech/articles/copy-these-3-industry-leading-apps-and-turn-object-oriented-design-into-your-secret-career-advantage-31383.md>)

Original publisher: [Read original article](<https://ixdf.org/literature/article/copy-these-3-industry-leading-apps-and-turn-object-oriented-design-into-your-secret-career-advantage>)

Author: William Hudson

Published: 2026-09-16T08:30:06Z

Content type: tutorial

Language: en

Sources: [UX Daily - User Experience Daily](<https://devfeed.tech/sources/ux-daily-user-experience-daily.md>)

Topics: [ui](<https://devfeed.tech/topics/ui.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>), [Design system](<https://devfeed.tech/topics/design-system.md>), [Notion](<https://devfeed.tech/topics/notion.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [interface](<https://devfeed.tech/tags/interface.md>), [object](<https://devfeed.tech/tags/object.md>), [properties](<https://devfeed.tech/tags/properties.md>), [structure](<https://devfeed.tech/tags/structure.md>), [ui-components](<https://devfeed.tech/tags/ui-components.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>)

### AI overview

This tutorial explains object-oriented design through examples from Trello, Notion, Tinder, and Amazon. It argues that organizing interfaces around meaningful, stable objects and their operations can improve clarity and support scalable product structures.

### Source excerpt

Which apps do you use throughout your day? Maybe you manage your projects on Trello, use Notion as an internal docs site, and maybe, just maybe, you do some swiping on Tinder during your lunch break. Despite looking nothing alike, these three highly successful apps are organized around the same idea: Give users a small number of meaningful objects, let them act on those objects directly, and the interface will feel intuitive without explanation.Cards. Blocks. Profiles: These UI components are the central concepts around which Trello, Notion, and Tinder organize everything else. We can call them objects. Users recognize them immediately, know what they can do with them, and build their entire...

## Object-Oriented UI Design and Its Role in User-Centered Interfaces

DevFeed: [Object-Oriented UI Design and Its Role in User-Centered Interfaces](<https://devfeed.tech/articles/7-reasons-object-oriented-ui-design-will-grow-your-career-31382.md>)

Original publisher: [Read original article](<https://ixdf.org/literature/article/7-reasons-object-oriented-ui-design-will-grow-your-career>)

Author: William Hudson

Published: 2026-09-16T07:42:01Z

Content type: tutorial

Language: en

Sources: [UX Daily - User Experience Daily](<https://devfeed.tech/sources/ux-daily-user-experience-daily.md>)

Topics: [User interface design](<https://devfeed.tech/topics/ui-design.md>), [User Experience](<https://devfeed.tech/topics/user-experience.md>), [ui](<https://devfeed.tech/topics/ui.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [design](<https://devfeed.tech/tags/design.md>), [object](<https://devfeed.tech/tags/object.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ui-design](<https://devfeed.tech/tags/ui-design.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>)

### AI overview

The video explains object-oriented UI design through an airline reservation example. It argues that users think in terms of meaningful objects, such as reservations, rather than isolated features and screens, and introduces conceptual models as a way to structure interfaces around those objects.

### Source excerpt

Vacation time! You book your flight. You have a reservation. It's real. You paid for it. And yet, when you open the airline's app to look at it, it's surprisingly elusive. You don't want to check in, you don't want to change it, you just want to find it and check the details. It's not on the home screen. The home screen wants to sell you another flight. You try your profile. Only personal details. You try "My Trips." There it is! Except "My Trips" only shows the flight. Your seat is somewhere else. Your meal preference is somewhere else. Your upgrade option is somewhere else. The one thing that should hold all of this together, your reservation, has been chopped into pieces and scattered acr...

## aulumu Introduces Nine iPhone 18 Pro Cases with Aramid-TPU Protection and Glow-in-the-Dark Designs

DevFeed: [aulumu Introduces Nine iPhone 18 Pro Cases with Aramid-TPU Protection and Glow-in-the-Dark Designs](<https://devfeed.tech/articles/aulumu-s-iphone-18-pro-cases-survive-drops-glow-in-the-dark-and-auto-cool-your-phone-26987.md>)

Original publisher: [Read original article](<https://www.yankodesign.com/2026/09/15/aulumus-iphone-18-pro-cases-survive-drops-glow-in-the-dark-and-auto-cool-your-phone/>)

Author: Sarang Sheth

Published: 2026-09-15T23:30:05Z

Content type: article

Language: en

Sources: [Yanko Design](<https://devfeed.tech/sources/yanko-design.md>)

Topics: [iphone](<https://devfeed.tech/topics/iphone.md>)

Tags: [accessories](<https://devfeed.tech/tags/accessories.md>), [accessories-deals-product-design-aulumu-smartphone-case](<https://devfeed.tech/tags/accessories-deals-product-design-aulumu-smartphone-case.md>), [aulumu](<https://devfeed.tech/tags/aulumu.md>), [consumer](<https://devfeed.tech/tags/consumer.md>), [deals](<https://devfeed.tech/tags/deals.md>), [design](<https://devfeed.tech/tags/design.md>), [iphone](<https://devfeed.tech/tags/iphone.md>), [product-design](<https://devfeed.tech/tags/product-design.md>), [products](<https://devfeed.tech/tags/products.md>), [protection](<https://devfeed.tech/tags/protection.md>), [smartphone-case](<https://devfeed.tech/tags/smartphone-case.md>), [tech](<https://devfeed.tech/tags/tech.md>)

### AI overview

The article examines aulumu's A18 collection of nine iPhone 18 Pro cases, highlighting different materials and design approaches. It focuses on the A18 Armor Shockproof Case, which combines 1500D aramid fiber with TPU for a lightweight build with added flexibility and cushioning.

### Source excerpt

aulumu's iPhone 18 Pro Cases Survive Drops, Glow In The Dark, And Auto Cool Your Phone Picking a phone case is one of the most low-stakes high-stakes decisions in consumer tech. The stakes are low because it's a $40 purchase. The...

## Source material: Artist and educator Zach Lieberman likes to break things

DevFeed: [Source material: Artist and educator Zach Lieberman likes to break things](<https://devfeed.tech/articles/source-material-artist-and-educator-zach-lieberman-likes-to-break-things-26990.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/source-material-zach-lieberman/>)

Author: Figma

Published: 2026-09-15T20:52:00Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [coding](<https://devfeed.tech/topics/coding.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [art](<https://devfeed.tech/tags/art.md>), [coding](<https://devfeed.tech/tags/coding.md>), [creative](<https://devfeed.tech/tags/creative.md>), [design](<https://devfeed.tech/tags/design.md>)

### AI overview

An interview with artist and educator Zach Lieberman about connecting drawing with computation, developing creative coding experiments, and finding inspiration in early computer artists and animation pioneers.

### Source excerpt

The creative coder explains the throughline between drawing and computation, and why he's jealous of pioneering artist Lillian Schwartz.

## The Mac mini's compact design is influencing competing mini PCs

DevFeed: [The Mac mini's compact design is influencing competing mini PCs](<https://devfeed.tech/articles/the-mac-mini-form-factor-is-so-perfect-literally-everyone-is-copying-it-26657.md>)

Original publisher: [Read original article](<https://www.yankodesign.com/2026/09/15/the-mac-mini-form-factor-is-so-perfect-literally-everyone-is-copying-it/>)

Author: Sarang Sheth

Published: 2026-09-15T19:15:48Z

Content type: opinion

Language: en

Sources: [Yanko Design](<https://devfeed.tech/sources/yanko-design.md>)

Topics: [Mac Mini](<https://devfeed.tech/topics/mac-mini.md>), [pc](<https://devfeed.tech/topics/pc.md>), [ASUS](<https://devfeed.tech/topics/asus.md>), [ddr5](<https://devfeed.tech/topics/ddr5.md>), [UEFI](<https://devfeed.tech/topics/uefi.md>)

Tags: [amd](<https://devfeed.tech/tags/amd.md>), [apple](<https://devfeed.tech/tags/apple.md>), [asus](<https://devfeed.tech/tags/asus.md>), [benchmark](<https://devfeed.tech/tags/benchmark.md>), [ddr5](<https://devfeed.tech/tags/ddr5.md>), [design](<https://devfeed.tech/tags/design.md>), [desktops](<https://devfeed.tech/tags/desktops.md>), [desktops-editorial-product-design-mac-mini-mini-pcs](<https://devfeed.tech/tags/desktops-editorial-product-design-mac-mini-mini-pcs.md>), [editorial](<https://devfeed.tech/tags/editorial.md>), [mac-mini](<https://devfeed.tech/tags/mac-mini.md>), [mini-pc](<https://devfeed.tech/tags/mini-pc.md>), [mini-pcs](<https://devfeed.tech/tags/mini-pcs.md>), [pc](<https://devfeed.tech/tags/pc.md>), [pcie](<https://devfeed.tech/tags/pcie.md>), [product-design](<https://devfeed.tech/tags/product-design.md>), [review](<https://devfeed.tech/tags/review.md>), [uefi](<https://devfeed.tech/tags/uefi.md>)

### AI overview

The article argues that Apple's Mac mini dimensions and compact aluminum design have influenced competing mini PCs from ASUS, Geekom, Links, Dell, Lenovo and MSI. It also discusses differences in hardware, thermals and firmware, including a UEFI bug that affected one Geekom benchmark.

### Source excerpt

The Mac mini Form Factor is So Perfect, Literally Everyone is Copying It Apple's Mac mini is a 127 by 127 by 50mm aluminum square, and the PC industry has spent 2026 rebuilding that square with different logos...

## Nail the Narrative

DevFeed: [Nail the Narrative](<https://devfeed.tech/articles/nail-the-narrative-26904.md>)

Original publisher: [Read original article](<https://martinfowler.com/articles/never-send-slides/nail-your-narrative.html>)

Author: Martin Fowler (martin@martinfowler.com)

Published: 2026-09-15T15:11:00Z

Content type: opinion

Language: en

Sources: [Martin Fowler](<https://devfeed.tech/sources/martin-fowler.md>)

Topics: [structure](<https://devfeed.tech/topics/structure.md>), [Software](<https://devfeed.tech/topics/software.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [presentation](<https://devfeed.tech/tags/presentation.md>), [speaking](<https://devfeed.tech/tags/speaking.md>), [structure](<https://devfeed.tech/tags/structure.md>), [writing](<https://devfeed.tech/tags/writing.md>)

### AI overview

The article argues that presenters should develop a clear narrative before opening slide software. It recommends defining the central idea and audience, shaping a storyline, and creating a lightweight storyboard before designing slides.

### Source excerpt

Sumeet Gayathri Moghe finds many folks building presentations get tangled in building slides without a coherent narrative. He advises distilling the big idea, visualizing the audience, and building a structured storyline. more...

## Syitren R400 is a portable Bluetooth CD player with a modular, customizable design

DevFeed: [Syitren R400 is a portable Bluetooth CD player with a modular, customizable design](<https://devfeed.tech/articles/finally-a-cd-player-gen-z-actually-wants-to-own-26652.md>)

Original publisher: [Read original article](<https://www.yankodesign.com/2026/09/15/finally-a-cd-player-gen-z-actually-wants-to-own/>)

Author: Ida Torres

Published: 2026-09-15T13:20:31Z

Content type: opinion

Language: en

Sources: [Yanko Design](<https://devfeed.tech/sources/yanko-design.md>)

Topics: [Hardware](<https://devfeed.tech/topics/hardware.md>), [Bluetooth](<https://devfeed.tech/topics/bluetooth.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [a-design-award-and-competition](<https://devfeed.tech/tags/a-design-award-and-competition.md>), [audio](<https://devfeed.tech/tags/audio.md>), [audio-music-technology-a-design-award-and-competition-cd-player-music-player](<https://devfeed.tech/tags/audio-music-technology-a-design-award-and-competition-cd-player-music-player.md>), [bluetooth](<https://devfeed.tech/tags/bluetooth.md>), [cd-player](<https://devfeed.tech/tags/cd-player.md>), [collection](<https://devfeed.tech/tags/collection.md>), [cost](<https://devfeed.tech/tags/cost.md>), [design](<https://devfeed.tech/tags/design.md>), [hardware](<https://devfeed.tech/tags/hardware.md>), [modular](<https://devfeed.tech/tags/modular.md>), [mount](<https://devfeed.tech/tags/mount.md>), [music](<https://devfeed.tech/tags/music.md>), [music-player](<https://devfeed.tech/tags/music-player.md>), [portable](<https://devfeed.tech/tags/portable.md>), [product](<https://devfeed.tech/tags/product.md>), [technology](<https://devfeed.tech/tags/technology.md>)

### AI overview

The article presents Syitren's R400 as an entry-level portable Bluetooth CD player designed by ORGDOT Design. Its detachable modular shell supports customization, a desk stand, and an optional wall-mount bracket, while dual-material construction and cable-management details aim to improve everyday use.

### Source excerpt

Finally, a CD Player Gen Z Actually Wants to Own It really warms my heart when I see Gen Z and Gen Alpha kids collecting physical media from their favorite artists. These are people who...

## Adobe's Shift from a Content-Rich Website to a Product-Focused Site

DevFeed: [Adobe's Shift from a Content-Rich Website to a Product-Focused Site](<https://devfeed.tech/articles/remembrance-of-websites-past-40795.md>)

Original publisher: [Read original article](<https://zeldman.com/2026/09/14/remembrance-of-websites-past/>)

Author: L. Jeffrey Zeldman

Published: 2026-09-14T16:21:36Z

Content type: opinion

Language: en

Sources: [Jeffrey Zeldman](<https://devfeed.tech/sources/jeffrey-zeldman.md>)

Topics: [Website](<https://devfeed.tech/topics/website.md>), [Publishing](<https://devfeed.tech/topics/publishing.md>)

Tags: [adobe](<https://devfeed.tech/tags/adobe.md>), [articles](<https://devfeed.tech/tags/articles.md>), [content](<https://devfeed.tech/tags/content.md>), [content-first](<https://devfeed.tech/tags/content-first.md>), [content-strategy](<https://devfeed.tech/tags/content-strategy.md>), [damned-fine-journalism](<https://devfeed.tech/tags/damned-fine-journalism.md>), [design](<https://devfeed.tech/tags/design.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [interviews](<https://devfeed.tech/tags/interviews.md>), [money](<https://devfeed.tech/tags/money.md>), [opinion](<https://devfeed.tech/tags/opinion.md>), [products](<https://devfeed.tech/tags/products.md>), [publishing](<https://devfeed.tech/tags/publishing.md>), [state-of-the-web](<https://devfeed.tech/tags/state-of-the-web.md>), [web-design](<https://devfeed.tech/tags/web-design.md>), [web-design-history](<https://devfeed.tech/tags/web-design-history.md>), [websites](<https://devfeed.tech/tags/websites.md>), [zeldman](<https://devfeed.tech/tags/zeldman.md>)

### AI overview

The article reflects on Adobe's website in 2000 as a content-rich publication featuring how-to articles, opinions, artist interviews, and product information. It contrasts that model with Adobe's later shift toward a conventional product-focused site and argues that brands did not broadly replace the publishing opportunities lost as journalism declined.

### Source excerpt

2000 was the peak year for Adobe's website. It was a content site filled with creative how-to articles, opinion pieces, and artist interviews where you could also, if you wished, buy or get info on Adobe products. Now this is how you create a product site for a suite of creative products, I told myself [...] The post Remembrance of Websites Past appeared first on Jeffrey Zeldman Presents.

## How to Design Gifting Features People Actually Use: Evidence from 58 Apps

DevFeed: [How to Design Gifting Features People Actually Use: Evidence from 58 Apps](<https://devfeed.tech/articles/how-to-design-gifting-features-people-actually-use-evidence-from-58-apps-20763.md>)

Original publisher: [Read original article](<https://www.freecodecamp.org/news/how-to-design-gifting-features-people-actually-use-evidence-from-58-apps/>)

Author: Anamol Rajbhandari

Published: 2026-09-14T13:58:38Z

Content type: article

Language: en

Sources: [freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More](<https://devfeed.tech/sources/freecodecamp-programming-tutorials-python-javascript-git-more.md>)

Topics: [App](<https://devfeed.tech/topics/app.md>), [SQL](<https://devfeed.tech/topics/sql.md>)

Tags: [apps](<https://devfeed.tech/tags/apps.md>), [article](<https://devfeed.tech/tags/article.md>), [design](<https://devfeed.tech/tags/design.md>), [developer](<https://devfeed.tech/tags/developer.md>), [ecommerce](<https://devfeed.tech/tags/ecommerce.md>), [research](<https://devfeed.tech/tags/research.md>), [sql](<https://devfeed.tech/tags/sql.md>), [ux](<https://devfeed.tech/tags/ux.md>)

### AI overview

The article examines whether gifting features are worth building into consumer apps. Drawing on research across 58 apps, it identifies gifting scenarios, the triggers that prompt people to send gifts, and the costs and design work involved in implementing them.

### Source excerpt

American shoppers spent about $29 billion on gift cards over the 2025 holiday season, and 43 percent of them bought at least one. This put gift cards at the top of what people said they wanted accordi

## How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng

DevFeed: [How Grok Bot designers use AI agents to build personal sites and product prototypes | John Bai & Peng Zheng](<https://devfeed.tech/articles/how-grok-bot-designers-use-ai-agents-to-build-personal-sites-and-product-prototypes-john-bai-peng-zheng-40017.md>)

Original publisher: [Read original article](<https://www.lennysnewsletter.com/p/how-grok-bot-designers-use-ai-agents>)

Author: Claire Vo

Published: 2026-09-14T12:04:39Z

Content type: article

Language: en

Sources: [Lenny's Newsletter](<https://devfeed.tech/sources/lenny-s-newsletter.md>)

Topics: [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Figma](<https://devfeed.tech/topics/figma.md>), [coding](<https://devfeed.tech/topics/coding.md>), [Website](<https://devfeed.tech/topics/website.md>)

Tags: [agents](<https://devfeed.tech/tags/agents.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-agents](<https://devfeed.tech/tags/ai-agents.md>), [design](<https://devfeed.tech/tags/design.md>), [figma](<https://devfeed.tech/tags/figma.md>), [mcp](<https://devfeed.tech/tags/mcp.md>), [prototype](<https://devfeed.tech/tags/prototype.md>)

### AI overview

A 42-minute podcast episode featuring Grok Bot designers John Bai and Peng Zheng, who discuss using AI agents to update personal websites, automate design work in Figma, and turn ideas into working prototypes.

### Source excerpt

Watch now (42 mins) | 🎙 Two designers at SpaceXAI show me how they use Grok Bot to run Figma from the gym, update a portfolio with one photo, and turn shower thoughts into working prototypes

## Are Browser-Based Apps Enough for Web Designers?

DevFeed: [Are Browser-Based Apps Enough for Web Designers?](<https://devfeed.tech/articles/are-browser-based-apps-enough-for-web-designers-9285.md>)

Original publisher: [Read original article](<https://speckyboy.com/browser-based-apps-enough-web-designers/>)

Author: Eric Karkovack

Published: 2026-09-13T19:09:47Z

Content type: opinion

Language: en

Sources: [Speckyboy Design Magazine](<https://devfeed.tech/sources/speckyboy-design-magazine.md>)

Topics: [web applications](<https://devfeed.tech/topics/web-applications.md>), [Web platform](<https://devfeed.tech/topics/web-platform.md>), [web-standards](<https://devfeed.tech/topics/web-standards.md>), [Figma](<https://devfeed.tech/topics/figma.md>), [Google](<https://devfeed.tech/topics/google.md>)

Tags: [apps](<https://devfeed.tech/tags/apps.md>), [browser](<https://devfeed.tech/tags/browser.md>), [collaboration](<https://devfeed.tech/tags/collaboration.md>), [design](<https://devfeed.tech/tags/design.md>), [design-business](<https://devfeed.tech/tags/design-business.md>), [freelance-career](<https://devfeed.tech/tags/freelance-career.md>), [freelance-design](<https://devfeed.tech/tags/freelance-design.md>), [privacy](<https://devfeed.tech/tags/privacy.md>), [software](<https://devfeed.tech/tags/software.md>), [tools](<https://devfeed.tech/tags/tools.md>), [web](<https://devfeed.tech/tags/web.md>), [web-apps](<https://devfeed.tech/tags/web-apps.md>), [web-design](<https://devfeed.tech/tags/web-design.md>), [web-designers](<https://devfeed.tech/tags/web-designers.md>), [workflows](<https://devfeed.tech/tags/workflows.md>)

### AI overview

Browser-based apps have matured enough to handle serious design, editing, and productivity work. The article considers their convenience and collaboration benefits, while also examining privacy concerns and cases where desktop tools remain preferable.

### Source excerpt

Browser-based apps can now handle serious design, editing, and productivity work. We take a look at their convenience, collaboration benefits, privacy risks, and where desktop tools still make sense. The post Are Browser-Based Apps Enough for Web Designers? appeared first on Speckyboy Design Magazine.

## How I Used a Pinterest Board to Get Better Visual Results From Claude Design

DevFeed: [How I Used a Pinterest Board to Get Better Visual Results From Claude Design](<https://devfeed.tech/articles/how-i-used-a-pinterest-board-to-get-better-visual-results-from-claude-design-32189.md>)

Original publisher: [Read original article](<https://spin.atomicobject.com/pinterest-board-claude-design/>)

Author: Sydney Cole

Published: 2026-09-13T12:00:33Z

Content type: tutorial

Language: en

Sources: [Atomic Object](<https://devfeed.tech/sources/atomic-object.md>)

Topics: [Claude](<https://devfeed.tech/topics/claude.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Claude Code](<https://devfeed.tech/topics/claude-code.md>), [Code](<https://devfeed.tech/topics/code.md>), [Website](<https://devfeed.tech/topics/website.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [ai-design-tools](<https://devfeed.tech/tags/ai-design-tools.md>), [ai-for-designers](<https://devfeed.tech/tags/ai-for-designers.md>), [claude](<https://devfeed.tech/tags/claude.md>), [claude-code](<https://devfeed.tech/tags/claude-code.md>), [code](<https://devfeed.tech/tags/code.md>), [design](<https://devfeed.tech/tags/design.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html](<https://devfeed.tech/tags/html.md>), [images](<https://devfeed.tech/tags/images.md>), [iteration](<https://devfeed.tech/tags/iteration.md>), [pinterest](<https://devfeed.tech/tags/pinterest.md>), [portfolio](<https://devfeed.tech/tags/portfolio.md>), [prompt](<https://devfeed.tech/tags/prompt.md>), [website](<https://devfeed.tech/tags/website.md>)

### AI overview

An account of using a Pinterest mood board as a visual reference for Claude Design when creating a creative portfolio website. The author reports that the image references produced less generic layouts and helped clarify the intended aesthetic; Claude Code then generated a basic HTML site based on the design.

### Source excerpt

I've been building out a portfolio site for my creative work. While I have hesitations about mixing AI with my art, I decided to use this website as an opportunity to try out Claude Design. Like most people who've tried generating a design with AI, I ran into the same issue over and over. I'd [...] The post How I Used a Pinterest Board to Get Better Visual Results From Claude Design appeared first on Atomic Spin.

## Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience

DevFeed: [Yestalgia: Bringing Decathlon's '90s Spirit to Life Through a Playful Digital Experience](<https://devfeed.tech/articles/yestalgia-bringing-decathlon-s-90s-spirit-to-life-through-a-playful-digital-experience-4349.md>)

Original publisher: [Read original article](<https://tympanus.net/codrops/2026/09/12/yestalgia-bringing-decathlons-90s-spirit-to-life-through-a-playful-digital-experience/>)

Author: Quentin Hocdé and Jonathan Da Costa

Published: 2026-09-12T08:40:31Z

Content type: article

Language: en

Sources: [Codrops](<https://devfeed.tech/sources/codrops.md>)

Topics: [micro-interactions for websites](<https://devfeed.tech/topics/micro-interactions-for-websites.md>)

Tags: [90s-inspired-design](<https://devfeed.tech/tags/90s-inspired-design.md>), [90s-web-design](<https://devfeed.tech/tags/90s-web-design.md>), [animation](<https://devfeed.tech/tags/animation.md>), [articles](<https://devfeed.tech/tags/articles.md>), [case-study](<https://devfeed.tech/tags/case-study.md>), [creative-development](<https://devfeed.tech/tags/creative-development.md>), [creative-technology](<https://devfeed.tech/tags/creative-technology.md>), [creative-web-design](<https://devfeed.tech/tags/creative-web-design.md>), [decathlon-digital-experience](<https://devfeed.tech/tags/decathlon-digital-experience.md>), [decathlon-website](<https://devfeed.tech/tags/decathlon-website.md>), [decathlon-yestalgia](<https://devfeed.tech/tags/decathlon-yestalgia.md>), [design](<https://devfeed.tech/tags/design.md>), [development](<https://devfeed.tech/tags/development.md>), [editorial-web-design](<https://devfeed.tech/tags/editorial-web-design.md>), [experimental-web-design](<https://devfeed.tech/tags/experimental-web-design.md>), [fashion-web-design](<https://devfeed.tech/tags/fashion-web-design.md>), [gsap](<https://devfeed.tech/tags/gsap.md>), [gsap-animation](<https://devfeed.tech/tags/gsap-animation.md>), [illustration](<https://devfeed.tech/tags/illustration.md>), [immersive-web-experience](<https://devfeed.tech/tags/immersive-web-experience.md>), [interactive-storytelling](<https://devfeed.tech/tags/interactive-storytelling.md>), [interactive-website](<https://devfeed.tech/tags/interactive-website.md>), [lenis-smooth-scroll](<https://devfeed.tech/tags/lenis-smooth-scroll.md>), [motion-design](<https://devfeed.tech/tags/motion-design.md>), [nostalgic-web-design](<https://devfeed.tech/tags/nostalgic-web-design.md>), [performance](<https://devfeed.tech/tags/performance.md>), [piecesjs](<https://devfeed.tech/tags/piecesjs.md>), [product](<https://devfeed.tech/tags/product.md>), [product-focused-design](<https://devfeed.tech/tags/product-focused-design.md>), [product-launch](<https://devfeed.tech/tags/product-launch.md>), [rive](<https://devfeed.tech/tags/rive.md>), [rive-animation](<https://devfeed.tech/tags/rive-animation.md>), [typography](<https://devfeed.tech/tags/typography.md>), [walkman-navigation](<https://devfeed.tech/tags/walkman-navigation.md>), [web](<https://devfeed.tech/tags/web.md>), [web-animation](<https://devfeed.tech/tags/web-animation.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>), [wordpress-custom-theme](<https://devfeed.tech/tags/wordpress-custom-theme.md>), [yestalgia](<https://devfeed.tech/tags/yestalgia.md>)

### AI overview

This article presents Yestalgia, Decathlon's '90s-inspired capsule collection website. It explains how editorial product presentation, vibrant illustration, expressive typography, animation, micro-interactions, and a cassette-player navigation concept turn the campaign's nostalgic art direction into a playful digital experience.

### Source excerpt

A closer look at how Yestalgia brings Decathlon's '90s-inspired vision to the web through art direction, interaction, animation, and creative development.

## Plug, Play, Persona: Your Free Template and Step-by-Step Guide

DevFeed: [Plug, Play, Persona: Your Free Template and Step-by-Step Guide](<https://devfeed.tech/articles/plug-play-persona-your-free-template-and-step-by-step-guide-9054.md>)

Original publisher: [Read original article](<https://ixdf.org/literature/article/free-persona-template-step-by-step-guide>)

Author: James Newhook

Published: 2026-09-12T05:16:39Z

Content type: article

Language: en

Sources: [UX Daily - User Experience Daily](<https://devfeed.tech/sources/ux-daily-user-experience-daily.md>)

Topics: [Template](<https://devfeed.tech/topics/template.md>), [Accessibility](<https://devfeed.tech/topics/accessibility.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [guide](<https://devfeed.tech/tags/guide.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [user-experience](<https://devfeed.tech/tags/user-experience.md>)

### AI overview

This step-by-step guide explains how to create a concise, actionable user persona with a free template. It recommends focusing on details that support decisions, using a realistic name and photo, and grounding the persona in user research rather than demographics or decorative information.

### Source excerpt

You've searched for the perfect persona template, downloaded dozens, yet none quite hit the mark. Here's the problem: Most templates fail you because they focus on demographics, fancy sliders, and irrelevant details. None of these things help drive decisions or create solutions that improve lives. But search no more. You've found the simple, easy-to-use template that cuts the fluff and delivers the insights your team needs to build products people love. Get ready for fast decision-making and laser focus on your users. Your teammates, business, and customers will thank you.Here's a liberating truth: The best personas fit on one page. They contain only what drives decisions. No fluff. No fille...

## Test Complex Interactions Earlier with AI Prototyping

DevFeed: [Test Complex Interactions Earlier with AI Prototyping](<https://devfeed.tech/articles/test-complex-interactions-earlier-with-ai-prototyping-9041.md>)

Original publisher: [Read original article](<https://www.nngroup.com/articles/test-earlier-with-ai/>)

Author: Megan Chan

Published: 2026-09-11T17:00:00Z

Content type: article

Language: en

Sources: [NN/g latest articles and announcements](<https://devfeed.tech/sources/nn-g-latest-articles-and-announcements.md>)

Topics: [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [User interface design](<https://devfeed.tech/topics/ui-design.md>), [cursor](<https://devfeed.tech/topics/cursor.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [article](<https://devfeed.tech/tags/article.md>), [case-studies](<https://devfeed.tech/tags/case-studies.md>), [conversational-ai](<https://devfeed.tech/tags/conversational-ai.md>), [cursor](<https://devfeed.tech/tags/cursor.md>), [design](<https://devfeed.tech/tags/design.md>), [prototyping](<https://devfeed.tech/tags/prototyping.md>)

### AI overview

AI prototyping tools enable teams to create high-fidelity, interactive prototypes of complex interfaces and test them with users earlier in the design process. The article discusses how Ramp used Cursor to prototype an AI chat-based expense-policy editor and uncover usability issues and edge cases.

### Source excerpt

AI tools make it feasible to build fully interactive prototypes of complex interfaces so you can test them with users earlier in the design process.

## Building A UX ROI Case That Survives The Boardroom

DevFeed: [Building A UX ROI Case That Survives The Boardroom](<https://devfeed.tech/articles/building-a-ux-roi-case-that-survives-the-boardroom-4328.md>)

Original publisher: [Read original article](<https://smashingmagazine.com/2026/09/building-ux-roi-case-survives-boardroom/>)

Author: hello@smashingmagazine.com (Alex Williams)

Published: 2026-09-11T13:00:00Z

Content type: article

Language: en

Sources: [Articles on Smashing Magazine -- For Web Designers And Developers](<https://devfeed.tech/sources/articles-on-smashing-magazine-for-web-designers-and-developers.md>)

Topics: [Software as a service](<https://devfeed.tech/topics/saas.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [b2b](<https://devfeed.tech/tags/b2b.md>), [business](<https://devfeed.tech/tags/business.md>), [business-value](<https://devfeed.tech/tags/business-value.md>), [design](<https://devfeed.tech/tags/design.md>), [saas](<https://devfeed.tech/tags/saas.md>), [ux](<https://devfeed.tech/tags/ux.md>)

### AI overview

This article presents a worked example for building a credible UX ROI case. It explains how to connect UX initiatives to business goals, define and measure value, account for costs, test causality, and present a return-on-investment figure that can withstand executive and finance scrutiny.

### Source excerpt

Strong UX ideas do not secure investment on their own. Through a worked example, Alex Williams breaks down how to define business value, calculate costs, test causality, and build a credible case for the return on a design initiative. - UX - Design - Business

## 20+ Best Free Fonts Perfect for Art Deco-Inspired Designs

DevFeed: [20+ Best Free Fonts Perfect for Art Deco-Inspired Designs](<https://devfeed.tech/articles/20-best-free-fonts-perfect-for-art-deco-inspired-designs-9286.md>)

Original publisher: [Read original article](<https://speckyboy.com/free-art-deco-fonts/>)

Author: Eric Karkovack

Published: 2026-09-11T07:15:57Z

Content type: article

Language: en

Sources: [Speckyboy Design Magazine](<https://devfeed.tech/sources/speckyboy-design-magazine.md>)

Topics: [Font](<https://devfeed.tech/topics/font.md>)

Tags: [design](<https://devfeed.tech/tags/design.md>), [display-fonts](<https://devfeed.tech/tags/display-fonts.md>), [fonts](<https://devfeed.tech/tags/fonts.md>), [legibility](<https://devfeed.tech/tags/legibility.md>), [ligatures](<https://devfeed.tech/tags/ligatures.md>), [logo-fonts](<https://devfeed.tech/tags/logo-fonts.md>), [post](<https://devfeed.tech/tags/post.md>), [sans-serif-fonts](<https://devfeed.tech/tags/sans-serif-fonts.md>), [serif-fonts](<https://devfeed.tech/tags/serif-fonts.md>), [variable-fonts](<https://devfeed.tech/tags/variable-fonts.md>)

### AI overview

A curated collection of more than 20 free Art Deco fonts for designers, covering serif and sans-serif styles with options for logos, headlines, titles, monograms, and branding. The selection includes varied weights, alternate characters, ligatures, and approaches to legibility.

### Source excerpt

Are you looking for the perfect free Art Deco font? We have both serif and sans-serif variants, and all will add a touch of elegance to your project. The post 20+ Best Free Fonts Perfect for Art Deco-Inspired Designs appeared first on Speckyboy Design Magazine.

[Next page](<https://devfeed.tech/tags/design.md?cursor=WyIyMDI2LTA5LTExVDA3OjE1OjU3KzAwOjAwIiwgIjcyMWIxZjRkLWFiYTMtNDBjMS1hNjNiLTQ4YTdlNmMxYmViNyJd>)