# designer Published articles for designer. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## What it's like to join WorkOS as a product designer DevFeed: [What it's like to join WorkOS as a product designer]() Original publisher: [Read original article]() Author: WorkOS Published: 2026-08-17T19:47:49Z Content type: opinion Language: en Sources: [WorkOS Blog]() Topics: [Artificial Intelligence](), [Model Context Protocol](), [Tooling](), [Figma](), [Slack](), [Notion]() Tags: [ai](), [connectors](), [context](), [data](), [design](), [designer](), [figma](), [mcp](), [slack](), [tooling]() ### AI overview A product designer describes joining WorkOS and using shared company context, MCP-connected data, Slack, Notion, and AI-assisted design tooling to answer product questions and onboard more quickly. ### Source excerpt What it's actually like to join WorkOS as a product designer: transparent context by default, and AI as everyday design tooling. ## Conversation design: How to make your AI Agent communicate like your team DevFeed: [Conversation design: How to make your AI Agent communicate like your team]() Original publisher: [Read original article]() Author: Fred Walton Published: 2026-06-18T16:55:07Z Content type: article Language: en Sources: [The Intercom Blog]() Topics: [AI Agent](), [Artificial Intelligence](), [Support]() Tags: [agent](), [ai](), [ai-agent](), [ai-agent-blueprint](), [ai-automation](), [communication](), [context](), [customer](), [customer-experience](), [customer-service](), [customers](), [designer](), [experience](), [process](), [responses](), [structure](), [support](), [teams](), [trust](), [voice]() ### AI overview This article explains how conversation design helps an AI Agent communicate consistently with a support team. It covers voice, tone, response structure, adapting language to customer context, and designing smooth handoffs to human support representatives. An Intercom example reports that a warmer opening message increased CSAT from 72.8% to 78.4%. ### Source excerpt If nobody on your team owns how your AI Agent communicates, it defaults to sounding like an LLM. Conversation design is the discipline that fixes that. ## How Dropbox Uses Figma Weave to Create Higher-Fidelity User Personas DevFeed: [How Dropbox Uses Figma Weave to Create Higher-Fidelity User Personas]() Original publisher: [Read original article]() Author: Mallory Dean Published: 2026-06-10T17:23:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Template](), [Generative AI](), [User Stories]() Tags: [designer](), [dropbox](), [figma](), [generative-ai](), [user-stories]() ### AI overview A Dropbox product designer uses Figma Weave to add realistic, higher-fidelity visuals to Ideal Customer Profiles. The article describes how generated media helped make personas more useful for storytelling and strategy. ### Source excerpt Lead Product Designer at Dropbox Sara Clayton used Figma Weave to add dimension to an Ideal Customer Profile in under two minutes. Steal her template to make your users feel real. ## 2 Martians, greenfield to MVP in 4 weeks: agentic coding on Rails DevFeed: [2 Martians, greenfield to MVP in 4 weeks: agentic coding on Rails]() Original publisher: [Read original article]() Author: Travis Turner (richardturner@evilmartians.com) Published: 2026-06-09T00:00:00Z Content type: article Language: en Sources: [Evil Martians]() Topics: [agentic-coding](), [Rails](), [coding](), [React](), [Storybook](), [Open Source](), [stripe]() Tags: [agentic](), [agentic-coding](), [ai](), [app](), [authentication](), [building](), [case-study](), [coding](), [designer](), [developer-marketing](), [developer-products](), [google-analytics](), [onboarding](), [open-source](), [payments](), [platform](), [product](), [product-development](), [production](), [prototype](), [rails](), [react](), [skills](), [storybook]() ### AI overview A designer and an engineer describe how they shipped Thicket, a production MVP, in four weeks using agentic coding with Rails, Inertia, React, and Storybook. They discuss their workflow, project-specific skills, user validation, and the resulting open-source practices. ### Source excerpt A designer and an engineer shipped a production MVP in four weeks on Rails + Inertia. In this post, we share our agentic coding stack, the skills we built, and why it clicked. ## Design's influence is expanding, and here's why that feels hard DevFeed: [Design's influence is expanding, and here's why that feels hard]() Original publisher: [Read original article]() Author: Andrew Hogan Published: 2026-03-17T19:30:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Artificial Intelligence](), [User Interfaces]() Tags: [ai](), [design](), [designer](), [research](), [survey]() ### AI overview Figma examines how AI is expanding design's scope and changing expectations, work patterns, hiring, and professional roles. Its 2026 survey found designers were nearly evenly split on whether the profession had improved, worsened, or stayed the same. ### Source excerpt As AI accelerates creation and raises expectations, designers are navigating a field that's bigger, faster, and more demanding than ever. ## How We Hire Product Designers at Teleport DevFeed: [How We Hire Product Designers at Teleport]() Original publisher: [Read original article]() Author: sheila.maniago@goteleport.com (Sheila Maniago) Published: 2026-02-23T00:00:00Z Content type: article Language: en Sources: [Teleport]() Topics: [User Experience](), [Product Management]() Tags: [designer](), [hiring](), [interview](), [portfolio](), [product-design](), [product-strategy](), [prototyping](), [user-research]() ### AI overview Teleport explains its four-step Product Designer hiring process, covering the recruiter call, hiring manager interview, portfolio review, and a collaborative product design challenge. ### Source excerpt Learn how Teleport hires Product Designers -- a transparent 4-step process including portfolio review and a real design challenge. See if you're a fit. ## Meet the maker: Kelsey Fairhurst's irresistibly bold flatware DevFeed: [Meet the maker: Kelsey Fairhurst's irresistibly bold flatware]() Original publisher: [Read original article]() Author: Duncan Nielsen Published: 2026-01-05T09:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Hardware](), [Code]() Tags: [code](), [design](), [designer](), [figma](), [hardware](), [software]() ### AI overview This profile follows Brooklyn designer Kelsey Fairhurst as she develops Forks Plus, a softline brutalist flatware brand. It describes her use of laser cutting, CNC machining, and Figma for product, web, email, and social media design, as well as her efforts to establish small-scale manufacturing. ### Source excerpt Brooklyn-based designer Kelsey Fairhurst launched Forks Plus, a "softline brutalist" flatware brand, with the help of Figma. ## Cooking with constraints: A designer's framework for better AI prompts DevFeed: [Cooking with constraints: A designer's framework for better AI prompts]() Original publisher: [Read original article]() Author: Greg Huntoon Published: 2026-01-05T06:00:00Z Content type: tutorial Language: en Sources: [Figma Blog]() Topics: [Prompt Engineering](), [LLM Techniques](), [Language models](), [Framework]() Tags: [ai](), [design](), [designer](), [framework](), [language-models](), [llms](), [prompt](), [prompting]() ### AI overview This article presents a framework for writing better AI prompts in design work. It argues that clear instructions, context, and constraints help reduce ambiguity and make probabilistic model outputs more structured, repeatable, and intentional. ### Source excerpt Design and cooking share a truth: Preparation determines the outcome. Structured prompts turn AI from guesswork into a reliable design partner. ## How AI May Change the Role and Craft of Product Designers DevFeed: [How AI May Change the Role and Craft of Product Designers]() Original publisher: [Read original article]() Author: Chris Jones Published: 2025-08-12T05:39:54Z Content type: opinion Language: en Sources: [GumGum]() Topics: [Artificial Intelligence](), [prompt](), [context]() Tags: [ai](), [creative](), [design](), [designer](), [product-design]() ### AI overview An AI-generated conversation considers how AI may change product design, shifting designers toward directing, framing, and curating intelligent systems while raising concerns about the possible loss of hands-on craft and attention to detail. ### Source excerpt We are the things that others fear. Now, I know you were all hoping for a detailed monologue on the 1994 film starring Tom Cruise and Brad Pitt, or perhaps the new Netflix series. (I haven't seen it.) Sadly, this isn't that. It's something else. I fed my previous articles and thoughts on AI and product design into AI and asked for their take on the future of product design. Below is part of a transcript of our conversation. You can decide whether it's a genius, a parasite, or it just wants me to feel like I'm not replaceable. Me: OK, let's start with the big one. How do you see the role of a product designer changing in a world with AI? AI: Well, it's a fascinating question, and the shift may be less about the tools and more about the designer's entire mindset. Previously, designers were makers who created static blueprints for a fixed journey. Now, the role is more like a creative director or a coach for an intelligent system. Instead of creating every option yourself, your job is to provide the AI with the right direction, context, and constraints -- teaching it your taste and shaping its character. This moves the focus from pixel-perfect execution to the quality of the prompt and framing the problem. The skill becomes asking the right questions and curating the output to find the magic within the noise. You hold the vision, but now you have a new, incredibly powerful, and very literal-minded creative partner to help you explore it. Me: OK! First, love the phrase 'coach for an intelligent system' -- nicely done. Two things here, aren't the best Product Designers already working this way? We already know, it isn't about a series of individual moments or a fixed experience. Also, are we in danger of removing an essential part of a designer's DNA? We are the details folk, famed for our bad spelling, but we can spot a misaligned pixel from 100 meters away through a crowded room. Are we in danger of losing part of our craft? AI: Those are two excellent and very fair poin ## How Tripsy's Founders Designed a Travel Planning App with Sketch DevFeed: [How Tripsy's Founders Designed a Travel Planning App with Sketch]() Original publisher: [Read original article]() Author: Ale Cubero Published: 2024-02-29T13:33:02Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [User Interfaces](), [App](), [Mobile](), [iphone]() Tags: [app](), [applications](), [architecture](), [build](), [designer](), [interface](), [interface-design](), [introduction](), [iphone](), [made-with-sketch](), [mobile](), [mobile-apps](), [products](), [travel](), [user-interfaces]() ### AI overview An interview with Tripsy co-founder and designer Thiago Sanchez about the app's origins, its travel-planning features, and the team's approach to interface and digital product design using Sketch. ### Source excerpt Learn how the duo behind Tripsy uses Sketch to make travel planning an easy ride ## Meet the Maker: Andrey Prokopenko DevFeed: [Meet the Maker: Andrey Prokopenko]() Original publisher: [Read original article]() Author: Andrey P. Published: 2024-02-08T09:30:08Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [App]() Tags: [automatic](), [community](), [designer](), [freelance](), [gaussian](), [illustration](), [local](), [mac](), [made-with-sketch](), [photoshop](), [vector]() ### AI overview A Meet the Maker interview with freelance designer and illustrator Andrey Prokopenko about his use of Sketch, his Inspirational Illustrations series, and the tools, features, and workflow he uses to create illustrations. ### Source excerpt "I would advise you to start with a sketch, form a general composition, and then layer by layer add elements and little things that will fill the illustration." ## Meet the Maker: Matthew Skiles DevFeed: [Meet the Maker: Matthew Skiles]() Original publisher: [Read original article]() Author: Matthew S. Published: 2024-01-08T15:29:28Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [Website](), [App](), [Mastodon](), [Canvas]() Tags: [3d](), [app](), [canvas](), [design](), [designer](), [gaussian](), [made-with-sketch](), [photoshop](), [web]() ### AI overview An interview with icon and visual designer Matthew Skiles about using Sketch, creating an app icon for the Mastodon app Radiant, and his approach to shapes, gradients, Gaussian blurs, and other design tools. ### Source excerpt "For years now I've used Sketch every day -- and wouldn't want it any other way." ## Meet the Maker: Duncan Horne DevFeed: [Meet the Maker: Duncan Horne]() Original publisher: [Read original article]() Author: Duncan H. Published: 2024-01-08T15:00:53Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [Front end](), [App]() Tags: [advice](), [app](), [design](), [designer](), [features](), [front-end](), [icons](), [inspiration](), [made-with-sketch]() ### AI overview An interview with freelance icon designer and front-end developer Duncan Horne about his use of Sketch, his inspirations, and the tools and features he relies on, including strokes, gradients, Blend Modes, Blur Tools, and the Vector Tool. ### Source excerpt "If you see a really cool icon design with a crazy effect, try and recreate it yourself." ## How we design at Mintlify DevFeed: [How we design at Mintlify]() Original publisher: [Read original article]() Author: Han Wang Published: 2023-11-14T00:00:00Z Content type: opinion Language: en Sources: [Mintlify Blog]() Topics: [User Experience](), [User interface design](), [Documentation]() Tags: [collaboration](), [design](), [designer](), [documentation](), [iteration](), [philosophy](), [startup](), [user-experience]() ### AI overview Mintlify describes a design philosophy centered on seamless experiences, treating developers as users, and combining strong opinions with flexibility. Its process emphasizes rapid iteration, close designer-developer collaboration, and continuous refinement. ### Source excerpt When we ask our users why they moved to Mintlify, it's often because of the user experience of our documentation. It's something that we are always thinking about, and that we devote countless hours and iterations to. ## How Material resources work together with the design kit, Android Studio, and Relay DevFeed: [How Material resources work together with the design kit, Android Studio, and Relay]() Original publisher: [Read original article]() Published: 2023-05-26T13:00:00Z Content type: article Language: en Sources: [Material.io - Material Design]() Topics: [Android Studio]() Tags: [android](), [android-studio](), [design](), [designer](), [resources](), [studio](), [toolbox]() ### AI overview The article explains how Material resources work together, covering customization of the design kit and their relationship to Android Studio and Relay. ### Source excerpt How Material resources work together, from customizing the design kit to Android Studio and Relay ## A behind-the-scenes look at building the Slack Design illustration library DevFeed: [A behind-the-scenes look at building the Slack Design illustration library]() Original publisher: [Read original article]() Author: lcarmen2 Published: 2023-04-27T04:00:05Z Content type: article Language: en Sources: [Slack Design]() Topics: [Slack](), [Library](), [Website]() Tags: [building](), [creative](), [design](), [designer](), [external](), [fonts](), [illustration](), [marketing](), [post](), [product](), [product-features](), [technical](), [what-we-do]() ### AI overview A Slack brand designer explains how the company developed a cohesive illustration library after its earlier website-focused library caused inconsistent use across the organization. The article describes design principles and two illustration styles: objects for literal or technical product explanations, and people for marketing and external communications. ### Source excerpt When Slack's new website launched in 2017, I felt like a kid in a candy store. As a brand designer, there's nothing more exciting than having new brand fonts and an entire library of illustrations at our disposal. However, this creative freedom was short-lived and replaced with frustration. Much like a sugar crash! Our new [...] The post A behind-the-scenes look at building the Slack Design illustration library appeared first on Slack Design. ## Material Icons: Sehee Lee DevFeed: [Material Icons: Sehee Lee]() Original publisher: [Read original article]() Published: 2022-05-11T10:00:00Z Content type: article Language: en Sources: [Material.io - Material Design]() Topics: [Icons](), [Design system](), [Google]() Tags: [design-systems](), [designer](), [google](), [icons]() ### AI overview An interview with Sehee Lee, a Senior Visual Designer who leads icons and design systems for Google Fonts. ### Source excerpt An interview with Senior Visual Designer leading icons and design systems for Google Fonts, Sehee Lee ## Lessons on Product Design and Collaboration with Engineers DevFeed: [Lessons on Product Design and Collaboration with Engineers]() Original publisher: [Read original article]() Author: Candace van Oostrum Published: 2022-04-27T07:00:00Z Content type: opinion Language: en Sources: [Temporal Blog]() Topics: [User Experience](), [User experience (UX)](), [Development](), [Back end]() Tags: [collaboration](), [designer](), [how-to](), [product-engineering](), [relationships](), [trust]() ### AI overview A product designer reflects on moving from a territorial view of UX toward collaboration with engineers and other stakeholders. The article argues that product designers build trust and partnerships across organizations, giving them visibility into user needs and business challenges. ### Source excerpt Why would a highly technical and backend engineering-focused company even need a designer? ## Designing consistent, mobile-friendly, and localized onboarding emails for Slack DevFeed: [Designing consistent, mobile-friendly, and localized onboarding emails for Slack]() Original publisher: [Read original article]() Author: lisa Published: 2022-03-18T20:24:14Z Content type: opinion Language: en Sources: [Slack Design]() Topics: [Slack](), [Mobile]() Tags: [brand-design](), [building](), [communication](), [consistency](), [customer](), [design](), [designer](), [devices](), [email](), [experience](), [lifecycle](), [mobile](), [onboarding](), [what-we-do]() ### AI overview Two Slack designers describe creating guidelines for onboarding emails. The project addressed inconsistent, outdated email designs and aimed to produce cohesive communication across marketing and transactional messages, devices, and languages. ### Source excerpt Hi, we're Alison and Zoe, Associate and Junior Designers, respectively, and we just joined Slack in fall of 2021. Our first project here: building guidelines for onboarding emails. If you've ever joined a Slack workspace, you've gotten one of these. In fact, every person that interacts with Slack as a product will receive onboarding emails [...] The post How we transcend languages and formats -- even with our onboarding emails appeared first on Slack Design. ## Building Felix, the Design System for Groupon DevFeed: [Building Felix, the Design System for Groupon]() Original publisher: [Read original article]() Author: Junmin Liu Published: 2021-12-20T16:23:45Z Content type: article Language: en Sources: [Groupon Engineering -- Medium]() Topics: [Design system](), [Development]() Tags: [design-system](), [design-systems](), [designer](), [developer](), [devops]() ### AI overview Groupon describes building Felix, a design system intended to improve collaboration between design and engineering teams. The initial implementation uses reusable components and design tokens to support Groupon and LivingSocial across web and mobile apps. ### Source excerpt -- Building Felix, the Design System for Groupon Several new features have been released on Groupon.com recently, such as the QR code in the navigation bar to download the app, and a banner carousel to display multiple banner messages within a single view. In the past, similar product features might take 2-3 sprints to complete, but now all of these features are developed and tested in a single sprint. The reason why we can finish the development and testing efficiently is mainly credited to Felix, the design system we're building for Groupon. What is a design system? Design Systems are not new to the world of product development. There are many successful cases in the industry, such as Google's Material Design, Microsoft's Fluent Design System, IBM's Carbon, Adobe's Spectrum, and so on. With their design systems, these companies have successfully changed the way they design and develop their software products by establishing a set of reusable components and usage guidelines to inform design and development. The result? Delivering faster and better product experiences to our customers, at scale. Felix, the early days In 2020, Groupon's consumer experience design and engineering teams began partnering to bring to life a comprehensive design system-now named Felix-to be used throughout Groupon's many brands, platforms, and products. Initially, I believed a design system to be simply a set of design specifications and component libraries -- an unoriginal concept. After diving into the architectural design and project management of Felix's development with Lead Product Designer, Michelle Witkowski, I realized Felix's true potential: a fundamental change in collaboration between designers and developers. This year, we have built out the initial implementation of Felix, and several of our development teams have begun leveraging it. Through the use of design tokens within Felix, we have developed themes to support Groupon's multiple brands (Groupon and LivingSocial) and plat ## Cross-functional units and uni-functional teams DevFeed: [Cross-functional units and uni-functional teams]() Original publisher: [Read original article]() Author: tobi@techunicorn.builders (Tobias Mende) Published: 2021-10-29T09:08:00Z Content type: opinion Language: en Sources: [Tobias Mende]() Topics: [Architecture & Design](), [Back end](), [Front end](), [cloud-infrastructure](), [DevOps]() Tags: [autonomy](), [backend](), [cloud-infrastructure](), [components](), [designer](), [devops](), [frontend](), [infrastructure](), [qa](), [software-development-team-topologies-engineering-excellence-organizational-design](), [teams]() ### AI overview The article compares cross-functional units, where people from multiple disciplines work autonomously on an area end to end, with uni-functional teams that connect specialists across units. It argues that cross-unit coordination is especially valuable when teams share code, services, frontends, or infrastructure, helping align practices and address issues that affect multiple units. ### Source excerpt Cross-functional units and uni-functional teams Many modern companies put a high emphasis on having multiple functions within one unit or team. The goal: The unit should be able to function with a high degree of autonomy, working on its area and owning everything in this area from beginning to end. ## Bridging the Gap Between Designers and Developers DevFeed: [Bridging the Gap Between Designers and Developers]() Original publisher: [Read original article]() Author: info@goteleport.com (Alexander Wolfe) Published: 2020-07-23T00:00:00Z Content type: opinion Language: en Sources: [Teleport]() Topics: [User interface design](), [User Experience](), [ui](), [Software]() Tags: [collaboration](), [designer](), [developers](), [ui](), [user-experience]() ### AI overview This article discusses how designers and developers can build a healthier collaboration process, using the redesigned Teleport 4.3 user interface as an example. It describes differences in their responsibilities and perspectives and introduces techniques for working more effectively as a team. ### Source excerpt In Teleport 4.3, we completely redesigned the UI. Learn how we built a healthy designer-developer collaboration process to make it happen. ## Contribute to ReactOS DevFeed: [Contribute to ReactOS]() Original publisher: [Read original article]() Published: 2020-03-22T00:00:00Z Content type: article Language: en Sources: [Front Page on ReactOS Website]() Topics: [ReactOS](), [Development](), [C](), [Operating system](), [C++](), [PHP](), [win32](), [Google]() Tags: [c](), [c-plus-plus](), [contribute](), [contributors](), [designer](), [developer](), [editor](), [free](), [google-summer-of-code](), [matter](), [open-source](), [os](), [pull-requests](), [react](), [reactos](), [testing](), [win32](), [winapi](), [windows]() ### AI overview The ReactOS Project invites contributors of all skill levels and describes opportunities for developers, testers, editors, designers, and web developers. It highlights Google Summer of Code, mentoring, Hackfests, and requirements for kernel, application, web, and testing roles. ### Source excerpt The ReactOS Project always seeks new qualified contributors from all skill levels. No matter if you are a developer, tester, editor or designer, your contribution is highly appreciated. Please see below for all available positions and contact us via Mattermost or the mailing lists. Every year we participate in Google Summer of Code which is a program by Google that lets you work with us during the summer to work on a major project. ## Migrating Legacy Applications to CSS DevFeed: [Migrating Legacy Applications to CSS]() Original publisher: [Read original article]() Author: Steve Hannah Published: 2020-02-13T00:00:00Z Content type: tutorial Language: en Sources: [CodeName One]() Topics: [CSS](), [App](), [GUI]() Tags: [applications](), [css](), [customization](), [designer](), [gui](), [legacy]() ### AI overview This tutorial explains how to add CSS support to a legacy Codename One application that uses a designer-managed theme, while preserving the existing theme resources and GUI designs. ### Source excerpt If you have an existing Codename One app that uses the designer for its theme, then you may have been reluctant to try to migrate it to CSS. Codename One projects are assumed to be using either CSS or the designer for their themes. But not both at the same time. When an app has CSS enabled, it compiles the css/theme.css to src/theme.res when the app is built, and it is kept in sync when changes are made to the theme.css file. Changes that you make manually to the theme.res file, would be lost the next time it synchronizes with the theme.css file. This doesn't jive with legacy projects where you have customized the theme.res using the designer. [Next page]()