# visual design Published articles for visual 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. ## Introducing three new tools for precise image editing in Figma DevFeed: [Introducing three new tools for precise image editing in Figma]() Original publisher: [Read original article]() Author: Marvin Qian Published: 2025-12-10T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Artificial Intelligence]() Tags: [ai](), [design](), [features](), [figma](), [image](), [tools](), [updates](), [visual-design](), [workflow]() ### AI overview Figma introduces three AI image-editing tools--Erase object, Isolate object, and Expand image--along with a new toolbar that brings image-editing capabilities together. The tools support precise object removal, isolation, repositioning, visual adjustments, and background expansion for different aspect ratios. ### Source excerpt Today we're introducing three new AI image editing tools that make precision editing faster, cleaner, and more intuitive--powering a more complete creative workflow in Figma. ## Inside the redesigned Figma, where your work takes center stage DevFeed: [Inside the redesigned Figma, where your work takes center stage]() Original publisher: [Read original article]() Author: Ryhan Hassan; Joel Miller; KC Oh Published: 2024-06-26T00:00:00Z Content type: article Language: en Sources: [Figma Blog]() Topics: [Figma](), [Code](), [Generative AI]() Tags: [components](), [design](), [figma](), [generative-ai](), [ui](), [visual-design](), [workflows]() ### AI overview Figma introduces UI3, its third major redesign, to make the interface more streamlined and adaptable while keeping designers' work at the center. The redesign addresses accumulated complexity, supports both new and experienced users, adapts to reusable components and generative AI, and prepares Figma for closer integration between design, code, and products such as Figma Slides. ### Source excerpt UI3 clears space on the canvas for you to bring your creative vision to life. Here's a behind-the-scenes look at how we landed on a more streamlined and adaptable interface. ## Mobile-First CSS: Is It Time for a Rethink? DevFeed: [Mobile-First CSS: Is It Time for a Rethink?]() Original publisher: [Read original article]() Author: by Patrick Clancey Published: 2022-06-09T02:13:10Z Content type: article Language: en Sources: [A List Apart: The Full Feed]() Topics: [CSS](), [Media Queries](), [Mobile](), [Web Development](), [how to create smooth CSS transitions]() Tags: [code](), [code-css](), [complexity](), [css](), [development](), [devices](), [mobile](), [testing](), [visual-design]() ### AI overview The article examines whether mobile-first CSS remains appropriate for every project. It explains that starting with mobile styles and overriding them at larger min-width media-query breakpoints can create complexity, inefficiency, increased testing effort, and harder-to-maintain code. It also outlines benefits such as a clear development hierarchy, prioritization of mobile user journeys, and avoidance of desktop-centric development. ### Source excerpt The mobile-first design methodology is great--it focuses on what really matters to the user, it's well-practiced, and it's been a common design pattern for years. So developing your CSS mobile-first should also be great, too...right? Well, not necessarily. Classic mobile-first CSS development is based on the principle of overwriting style declarations: you begin your CSS with default style declarations, and overwrite and/or add new styles as you add breakpoints with min-width media queries for larger viewports (for a good overview see "What is Mobile First CSS and Why Does It Rock?"). But all those exceptions create complexity and inefficiency, which in turn can lead to an increased testing effort and a code base that's harder to maintain. Admit it--how many of us willingly want that? On your own projects, mobile-first CSS may yet be the best tool for the job, but first you need to evaluate just how appropriate it is in light of the visual design and user interactions you're working on. To help you get started, here's how I go about tackling the factors you need to watch for, and I'll discuss some alternate solutions if mobile-first doesn't seem to suit your project. Advantages of mobile-first Some of the things to like with mobile-first CSS development--and why it's been the de facto development methodology for so long--make a lot of sense: Development hierarchy. One thing you undoubtedly get from mobile-first is a nice development hierarchy--you just focus on the mobile view and get developing. Tried and tested. It's a tried and tested methodology that's worked for years for a reason: it solves a problem really well. Prioritizes the mobile view. The mobile view is the simplest and arguably the most important, as it encompasses all the key user journeys, and often accounts for a higher proportion of user visits (depending on the project). Prevents desktop-centric development. As development is done using desktop computers, it can be tempting to initially focus on the desk ## Two design articles DevFeed: [Two design articles]() Original publisher: [Read original article]() Author: Stanko Published: 2017-10-27T00:00:00Z Content type: article Language: en Sources: [Stanko Tadić]() Topics: [Front end](), [ui](), [User Interfaces]() Tags: [designers](), [developer](), [frontend](), [interfaces](), [learn](), [user-interfaces](), [visual-design]() ### AI overview A short recommendation of two visual design articles and two designers for frontend developers. It emphasizes that basic visual design knowledge can complement technical skills when building products. ### Source excerpt Just wanted to share two articles that helped me understand visual design better. I was already aware of the most of these things, but having someone explain it how and why was really helpful. 7 Rules for Creating Gorgeous UI Optical Effects in User Interfaces (for True Nerds) Learn more about design # When asked how to learn more about design as a developer, design partner in my company recommended studying work of these two designers. I haven't taken my time to do it, but it is on my todo list. Massimo Vignelli - author of NYC subway map Paul Rand - author of IBM logo Frontend developers should have at least basic understanding of visual design. Because great products are symbiosis of both great design and great tech. Hopefully, these links will help you in that regard.