# design engineering Published articles for design engineering. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Building Depth: Designing and Developing a 3D Renderer Inside Figma DevFeed: [Building Depth: Designing and Developing a 3D Renderer Inside Figma]() Original publisher: [Read original article]() Author: Aleksei Kipin Published: 2026-09-13T11:34:39Z Content type: article Language: en Sources: [Codrops]() Topics: [Figma 3D renderer](), [Figma]() Tags: [3d](), [3d-design](), [3d-modeling](), [3d-renderer-for-figma](), [3d-rendering](), [3d-visualization](), [3d-workflow](), [articles](), [case-study](), [creative-development](), [depth-3d-renderer](), [depth-figma](), [depth-figma-plugin](), [design-engineering](), [design-tools](), [figma](), [figma-3d](), [figma-3d-renderer](), [figma-plugin](), [figma-plugin-design](), [interactive-3d](), [plugin-development](), [product-design](), [product-design-case-study](), [real-time-rendering](), [three-js](), [ui-design](), [ux-design](), [visualization](), [webgl](), [workflow]() ### AI overview An article about building Depth, a Figma plugin for quickly rendering 3D models during design work. It describes the workflow, plugin architecture, rendering behavior, and export approach. ### Source excerpt A look at how Depth came together, from building a 3D renderer inside Figma to designing a website that explores what it can do. ## Using Storybook Workbench to audit AI-generated UIs for dead components and accessibility bugs DevFeed: [Using Storybook Workbench to audit AI-generated UIs for dead components and accessibility bugs]() Original publisher: [Read original article]() Author: Travis Turner (richardturner@evilmartians.com) Published: 2026-07-08T00:00:00Z Content type: tutorial Language: en Sources: [Evil Martians]() Topics: [Storybook](), [Agent Skills](), [agentic-coding](), [AI-assisted coding](), [Accessibility](), [Design system]() Tags: [accessibility](), [agent-experience](), [agent-skills](), [agentic-coding](), [agentic-development](), [ai](), [bugs](), [design](), [design-engineering](), [design-for-devtools](), [design-system](), [dx](), [storybook]() ### AI overview The article presents Storybook Workbench, a bundle of Agent Skills that audits AI-generated web applications by rendering components as Storybook stories. It describes finding dead components, coexisting design systems, conditional component states, and accessibility bugs, based on an internal audit of an agent-coded app. ### Source excerpt Storybook Workbench is a bundle of Agent Skills that turn Storybook into an audit layer for AI-generated UIs: find dead components, design-system drift, and hidden accessibility bugs. ## Version control: Three ways Figma explored horizontal scrolling DevFeed: [Version control: Three ways Figma explored horizontal scrolling]() Original publisher: [Read original article]() Author: Jenny Xie Published: 2025-04-16T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [virtualization](), [Code](), [CSS](), [HTML](), [JavaScript](), [React]() Tags: [code](), [collaboration](), [complexity](), [css](), [design](), [design-engineering](), [development](), [engineering](), [figma](), [html](), [javascript](), [performance](), [product](), [prototyping](), [react](), [software](), [virtualization]() ### AI overview Figma's design and engineering teams explored ways to add horizontal scrolling to the Layers panel. The article explains how dynamic layer behavior, virtualization, variable text lengths, multiple scroll directions, and complex interactions shaped three prototypes that were ultimately not shipped. ### Source excerpt What seemed like a straightforward request--add a horizontal scroll bar to the Layers panel in Figma--presented unexpected challenges. Here's how the design and engineering teams iterated and prototyped to find the right solution. ## Prototyping the path to Design Engineering DevFeed: [Prototyping the path to Design Engineering]() Original publisher: [Read original article]() Author: andyacevedo Published: 2024-10-23T20:44:22Z Content type: article Language: en Sources: [Slack Design]() Topics: [Slack](), [User Experience](), [Front end](), [Tooling](), [Development]() Tags: [design-engineering](), [development](), [prototyping](), [slack](), [tooling](), [ui](), [uncategorized]() ### AI overview Slack describes how it developed dedicated design engineering roles focused on prototyping, tooling development, and consultancy. The article explains the Design Engineering Champions program, which lets front-end engineers work within the design organization for a half or full quarter. ### Source excerpt If you work in design, you've probably already heard of design engineering. It's not a new concept, and similar roles -- such as Design Technologists, UI/UX Engineers, and Creative Technologists -- have existed in software development for decades. These roles typically involve individuals with high proficiency in both design and engineering, tailored to meet organizational [...] The post Prototyping the path to Design Engineering appeared first on Slack Design. ## Welcome to The Prompt DevFeed: [Welcome to The Prompt]() Original publisher: [Read original article]() Author: Amber Bravo Published: 2024-06-26T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Prompt Engineering](), [Large Language Model](), [Artificial Intelligence](), [Claude](), [anthropic]() Tags: [ai](), [anthropic](), [assemble](), [claude](), [design](), [design-engineering](), [development](), [diffusion](), [engineering](), [large-language-model](), [model](), [models](), [open](), [product-development](), [prompt-engineering](), [systems](), [technology]() ### AI overview This Figma article introduces The Prompt, a magazine about how AI is influencing design and building. It explains prompt engineering as the deliberate design of context, framing, and guidance for large language models, and presents perspectives from designers, engineers, product developers, and others on current AI capabilities, interaction models, and the continuing importance of human experience. ### Source excerpt AI promises to reinvigorate the way we design and build, but how we realize that potential is still an open question. By answering a series of prompts, leaders in this rapidly evolving field take stock of where we stand, what the limits are, and where we're bound to grow. ## How our biggest redesign yet came to be DevFeed: [How our biggest redesign yet came to be]() Original publisher: [Read original article]() Author: lcarmen2 Published: 2023-10-25T21:24:48Z Content type: opinion Language: en Sources: [Slack Design]() Topics: [Slack](), [ui](), [Messaging]() Tags: [alignment](), [design](), [design-engineering](), [engineering](), [navigation](), [prototype](), [team](), [ui](), [what-we-do]() ### AI overview Slack describes how its design team developed and operationalized a major product redesign as the company expanded beyond messaging. The process used exploratory prototypes, early collaboration with engineering and product leaders, stakeholder alignment, and a hub-and-spoke team structure. ### Source excerpt The timing was right. We were adding in new features like huddles, canvases, lists, and others into a UI system that was originally designed solely for messaging capabilities. Meanwhile, research showed users on the biggest and most active teams were struggling to stay on top of the basics. Our product navigation was reaching its limits. [...] The post How our biggest redesign yet came to be appeared first on Slack Design.