# Sketch Sketch is a design toolkit for creating interfaces, prototypes, and collaborative developer handoffs. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Automating App Store Screenshots DevFeed: [Automating App Store Screenshots]() Original publisher: [Read original article]() Author: Khan Academy Published: 2017-03-27T22:00:00Z Content type: tutorial Language: en Sources: [Khan Academy]() Topics: [iOS](), [ui-testing](), [Xcode](), [Sketch](), [Mobile](), [Testing]() Tags: [app-store](), [design](), [engineering](), [fastlane](), [ios](), [iphone](), [mobile](), [news](), [screenshots](), [testing](), [ui-testing](), [xcode]() ### 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 ## Negative gaps, min/max sizing, and much more: What's new in stacks? DevFeed: [Negative gaps, min/max sizing, and much more: What's new in stacks?]() Original publisher: [Read original article]() Author: Freddie Harrison Published: 2026-08-26T07:30:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [Canvas]() Tags: [latest-features](), [popular](), [release](), [scale](), [tool](), [updates]() ### AI overview Sketch's Florence release expands stacks with negative gaps for overlapping items, configurable overlap order, relative sizing, and other layout improvements. The updates support more flexible grids, tiled layouts, and scalable stack-based designs. ### Source excerpt Minimum and maximum sizes, relative sizing, negative gaps, and a whole host of smaller improvements. Here's everything new for stacks in Florence. ## 10 modern UI/UX design tools: Build impactful client sites DevFeed: [10 modern UI/UX design tools: Build impactful client sites]() Original publisher: [Read original article]() Author: Webflow Team Published: 2026-07-02T00:00:00Z Content type: article Language: en Sources: [Webflow Blog]() Topics: [UI/UX Design](), [User interface design](), [User Experience](), [webflow](), [Sketch](), [Figma](), [Content Management System](), [CSS](), [HTML]() Tags: [collaboration](), [css](), [design](), [design-tools](), [figma](), [html](), [prototyping](), [tools](), [ui-ux-design](), [user-testing](), [webflow](), [workflows]() ### AI overview A guide to 10 UI/UX design tools for creating client websites, with use cases spanning visual design, handoffs, remote collaboration, structured experiences, user testing, prototyping, and defined user journeys. It also explains how Webflow supports visual website building, interactions, responsive testing, content management, and launch workflows. ### Source excerpt Explore 10 of the best UI/UX design tools for building different kinds of client websites and improving collaboration on a wide range of project types. ## Keep control when sharing design work with clients and teams DevFeed: [Keep control when sharing design work with clients and teams]() Original publisher: [Read original article]() Author: Ale Cubero Published: 2026-02-20T08:00:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [browser](), [client]() Tags: [account](), [browser](), [collaboration](), [design](), [developer](), [latest-features](), [password](), [qa](), [review](), [teams]() ### AI overview This Sketch article explains how previews help agencies and teams share selected design pages, prototype flows, and routes with clients and collaborators while keeping the rest of a document private. It covers browser access without a Sketch account, optional passwords and expiration dates, inspection and asset-export controls, commenting, developer handoff, QA reviews, and Workspace administration. ### Source excerpt Learn how you can use previews and integrations to share design work with focus and control -- from client reviews to day-to-day team collaboration. ## Five ways we've been using our MCP server DevFeed: [Five ways we've been using our MCP server]() Original publisher: [Read original article]() Author: Freddie Harrison Published: 2026-02-05T08:00:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [Model Context Protocol (MCP)](), [Claude Code](), [Artificial Intelligence](), [ui]() Tags: [claude](), [claude-code](), [design](), [latest-features](), [mcp-server](), [model-context-protocol](), [ui]() ### AI overview Sketch describes five internal use cases for its MCP server, including switching between dark and light themes, verifying design changes against an original UI, and replacing placeholder text with realistic or generated content. The server lets AI clients such as Claude Code, Cursor, and Codex interact with Sketch documents locally on Mac. ### Source excerpt We shipped our MCP server last year. Here are five simple but useful ways we've been using it to speed up our design workflows. ## 9 reasons to choose Sketch in 2026 DevFeed: [9 reasons to choose Sketch in 2026]() Original publisher: [Read original article]() Author: Freddie Harrison Published: 2026-01-26T08:00:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [User interface design](), [ui](), [App]() Tags: [2026](), [design](), [etc-init-d](), [features](), [latest-features](), [macos](), [offline](), [product](), [real-time](), [tool](), [ui](), [ui-design]() ### AI overview Sketch presents nine reasons to choose its design tool in 2026, highlighting a redesigned macOS editor, UI design features, unexpected productivity tools, and options for real-time collaboration or offline work with local files. ### Source excerpt Looking for a new design tool this year? Here's what we've been shipping at Sketch -- and why it might be exactly what you need. ## Everything we shipped at Sketch in 2025 DevFeed: [Everything we shipped at Sketch in 2025]() Original publisher: [Read original article]() Author: Freddie Harrison Published: 2025-12-16T08:00:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [releases](), [liquid glass](), [User interface design](), [macOS](), [iOS]() Tags: [2026](), [apple](), [apps](), [auto-layout](), [icons](), [ios-26](), [keyboard](), [latest-features](), [layout](), [liquid-glass](), [macos](), [releases]() ### AI overview Sketch reviews its 2025 product work, including the Athens, Barcelona, and Copenhagen releases. The updates introduced Stacks and Frames, expanded the Command Bar, added a glass effect for iOS and macOS 26 design, and included an MCP server and broader redesign work. ### Source excerpt From Stacks and Frames, to Glass effects and a complete macOS Tahoe redesign -- here's everything we shipped at Sketch in 2025. ## Sketch's Copenhagen update redesigns its macOS Tahoe interface DevFeed: [Sketch's Copenhagen update redesigns its macOS Tahoe interface]() Original publisher: [Read original article]() Author: Freddie Harrison Published: 2025-11-19T06:00:00Z Content type: release Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [macOS](), [ui](), [liquid glass](), [Canvas]() Tags: [features](), [latest-features](), [liquid-glass](), [macos](), [release](), [toolbar](), [ui]() ### AI overview Sketch's Copenhagen update introduces a major redesign for macOS Tahoe, including custom sidebars, sidebar document tabs, subtle Liquid Glass use, and a refreshed layer list with focus mode. ### Source excerpt Our Copenhagen release features an all-new design for macOS Tahoe -- here's how we've balanced a fresh look with functionality. ## How Ben McCarthy is bringing Obscura's vision to photo editing DevFeed: [How Ben McCarthy is bringing Obscura's vision to photo editing]() Original publisher: [Read original article]() Author: Ale Cubero Published: 2025-09-01T09:46:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [User interface design](), [Interaction Design](), [iphone](), [Development](), [iOS]() Tags: [app-development](), [apple](), [interaction-design](), [interface-design](), [ios](), [iphone](), [library](), [made-with-sketch](), [product]() ### AI overview An interview with Obscura creator Ben McCarthy about Obscura Studio, a standalone photo editor built entirely in Sketch. McCarthy explains how Apple's Lock Screen Camera extension requirements influenced the app's architecture, and how a filter-tuning tool evolved into a photo-editing product designed around simplicity. ### Source excerpt We spoke with Obscura Studio's creator, Ben McCarthy, to learn how their new app strips photo editing down to the essentials -- and why thoughtful design sometimes means doing less. ## Sketch Athens release adds Component insertion and replacement to the Command Bar DevFeed: [Sketch Athens release adds Component insertion and replacement to the Command Bar]() Original publisher: [Read original article]() Author: Alasdair Baxter Published: 2025-05-27T03:00:00Z Content type: release Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [GUI]() Tags: [components](), [interface](), [keyboard](), [latest-features](), [libraries](), [release](), [workflows]() ### AI overview Sketch's Athens release expands the Command Bar with interfaces for inserting and replacing Components, improved previews, and faster navigation through Libraries and groups. The article explains how these changes build on the Command Bar introduced in version 100. ### Source excerpt Insert and replace Components, browse better previews, move through Libraries faster -- and much more. Learn how it all came together and how to make the most of the Command Bar. ## Frames and Graphics: A not-so-short guide DevFeed: [Frames and Graphics: A not-so-short guide]() Original publisher: [Read original article]() Author: Paulo Pereira Published: 2025-05-27T02:00:00Z Content type: tutorial Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [GUI]() Tags: [containers](), [graphics](), [guide](), [latest-features]() ### AI overview A guide to Sketch's Athens release, which replaces Artboards with Frames and Graphics. It explains how the new containers support interface design, layout, icons, and illustrations while changing how layers are nested, styled, resized, and moved. ### Source excerpt With our Athens release, we've introduced two new containers -- Frames and Graphics. Together they represent a big change (and improvement) to workflows in Sketch. There's a lot to cover here, so grab a coffee, and we'll take you on a thorough tour of it all. ## Rethinking layout in Sketch with Stacks DevFeed: [Rethinking layout in Sketch with Stacks]() Original publisher: [Read original article]() Author: Chris Downer Published: 2025-05-27T01:00:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [ui](), [Figma](), [CSS]() Tags: [auto-layout](), [design](), [latest-features](), [layout](), [ui]() ### AI overview Sketch's Stacks feature enables flexible, adaptable UI layouts whose elements can resize and adjust spacing based on their context. The article explains why Sketch developed Stacks as a successor to Smart Layout and introduces Frames as the container supporting them. ### Source excerpt Stacks are a new way to build flexible, adaptable layouts in Sketch. From buttons to complex UI, they'll have a huge impact on how you work in Sketch. In this post, design lead Chris Downer shows us what they are -- and why they matter. ## Sketch Features Shipped in 2024 and Planned for 2025 DevFeed: [Sketch Features Shipped in 2024 and Planned for 2025]() Original publisher: [Read original article]() Author: Ale Cubero Published: 2024-12-17T08:17:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [Tool]() Tags: [2025](), [features](), [improvements](), [latest-features](), [new-features](), [prototyping]() ### AI overview Sketch reviews features shipped in 2024 and previews what is coming in 2025, including prototyping improvements such as Smart Animate, interaction triggers, layer visibility controls, scroll areas, and focused prototype feedback. It also highlights the Command Bar and Minimap workflow features. ### Source excerpt Join us as we highlight our favorite features from 2024 and take a look at what's coming in the new year. ## Figma vs. Adobe XD vs. Sketch: Choosing the Right UI Design Tool DevFeed: [Figma vs. Adobe XD vs. Sketch: Choosing the Right UI Design Tool]() Original publisher: [Read original article]() Author: SÉRGIO ESTRELLA, UI/UX DESIGNER @ TOPTAL Published: 2024-11-28T08:00:00Z Content type: comparison Language: en Sources: [Toptal Blog]() Topics: [UI/UX Design](), [Figma](), [Sketch](), [ui](), [Design system](), [Responsive Design]() Tags: [adobe](), [collaboration](), [comparison](), [components](), [design](), [developer](), [figma](), [mac](), [prototyping](), [real-time](), [ui](), [ui-design](), [ux]() ### AI overview A comparison of Figma, Adobe XD, and Sketch as UI design platforms. It examines collaboration, reusable components, design systems, responsive design, prototyping, developer handoff, platform support, and product status to help readers choose a tool for a specific workflow. ### Source excerpt Which tool should you choose? From reusable components and real-time collaboration to voice prototyping and developer handoff, a UI/UX expert weighs the features of the leading UI design platforms to help you select the best tool for your project. ## Designing a Tinted iOS 18 App Icon with Alternate Brand Marks and Alpha Gradients DevFeed: [Designing a Tinted iOS 18 App Icon with Alternate Brand Marks and Alpha Gradients]() Original publisher: [Read original article]() Author: Marcelo Marfil Published: 2024-11-11T09:00:00Z Content type: tutorial Language: en Sources: [Sketch Blog]() Topics: [iOS](), [Sketch]() Tags: [apple](), [brand-identity](), [customization](), [design](), [ios](), [learn-design](), [macos](), [visual-hierarchy]() ### AI overview A Sketch design article explains how its team adapted an iOS app icon for iOS 18's tinted appearance. It focuses on alternate brand marks and alpha gradients, along with clarity, contrast, and consistency with stock iOS icon design. ### Source excerpt Tinted app icons in iOS 18 were met with plenty of concerns over visual hierarchy and brand identity. Here are a few tricks we used to make ours look good and feel right at home. ## How to Create Interactive Prototypes in Sketch DevFeed: [How to Create Interactive Prototypes in Sketch]() Original publisher: [Read original article]() Author: Sketch Published: 2024-09-30T08:54:00Z Content type: tutorial Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [iOS]() Tags: [how-to](), [ios](), [learn-design](), [prototyping]() ### AI overview A tutorial on creating interactive prototypes in Sketch using frames, Overlays, Smart Animate, links, custom layer visibility, and previews. It also covers testing prototypes in context on an iOS device. ### Source excerpt Learn how to create realistic prototypes with a variety of tools, like Overlays or scroll areas, add movement with Smart Animate and preview them in our iOS app ## Sketch and AI DevFeed: [Sketch and AI]() Original publisher: [Read original article]() Author: Pieter Omvlee Published: 2024-09-30T06:00:00Z Content type: opinion Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [Artificial Intelligence](), [Generative AI]() Tags: [ai](), [design](), [inside-sketch](), [workflows]() ### AI overview Sketch explains that it is not ready to adopt AI and outlines principles for any future use. It rejects AI-generated designs and training models on users' designs, while considering private workflow assistance and requiring transparent permission for third-party models. ### Source excerpt We've been thinking a lot about what AI means for Sketch for some time now. Here's how we might use it, how we will never use it, and what guides our thinking. ## Add movement to your prototypes with Smart Animate -- now in Sketch DevFeed: [Add movement to your prototypes with Smart Animate -- now in Sketch]() Original publisher: [Read original article]() Author: Freddie Harrison Published: 2024-09-18T06:00:00Z Content type: tutorial Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [ui](), [App]() Tags: [animation](), [download](), [examples](), [how-to](), [prototyping](), [ui](), [update](), [whats-new]() ### AI overview Sketch introduces Smart Animate, a prototyping feature that animates changes between layers with the same name across multiple Artboards. The article explains setup options such as duration and easing and demonstrates uses including progress indicators. ### Source excerpt Here's how to bring life to your designs with our latest prototyping update. ## Darkroom's evolution across iPhone, iPad, Mac, and Vision Pro DevFeed: [Darkroom's evolution across iPhone, iPad, Mac, and Vision Pro]() Original publisher: [Read original article]() Author: Ale Cubero Published: 2024-08-07T12:31:00Z Content type: opinion Language: en Sources: [Sketch Blog]() Topics: [Mobile](), [App](), [User Experience](), [Sketch](), [iphone](), [cross-platform](), [Artificial Intelligence](), [Instagram]() Tags: [ai](), [app](), [apple](), [cross-platform](), [design](), [interface](), [iphone](), [launch](), [mac](), [made-with-sketch](), [mobile](), [photography](), [product](), [user-experience](), [workflow]() ### AI overview Co-founder Jasper Hauser discusses Darkroom's evolution from an iPhone photo-editing app to a product available on iPad, Mac, and Vision Pro. He describes its interface, design philosophy, cross-platform consistency, use of Sketch, and AI-related user experience improvements. ### Source excerpt Co-founder Jasper Hauser walks us through the evolution of the award-winning app Darkroom, discussing how they maintain cross-platform consistency, integrate AI to improve the user experience, and much more. ## Casey Liss and Ben McCarthy discuss building Callsheet, a movie information app DevFeed: [Casey Liss and Ben McCarthy discuss building Callsheet, a movie information app]() Original publisher: [Read original article]() Author: Freddie Harrison Published: 2024-06-19T09:18:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [App](), [iphone](), [visionOS](), [Information Architecture](), [Sketch](), [Development]() Tags: [app](), [design](), [development](), [information-architecture](), [iphone](), [made-with-sketch](), [software](), [vision]() ### AI overview Casey Liss and Ben McCarthy discuss building Callsheet, an IMDb alternative for iPhone, iPad and Vision Pro, including its focus on fast access to movie information, information density and the challenges of designing for visionOS. ### Source excerpt Callsheet's creator and designer talk us through respecting users' time, designing for information density and the joys of indie software development. ## Sketch version 100 adds advanced prototyping interactions and a redesigned web app DevFeed: [Sketch version 100 adds advanced prototyping interactions and a redesigned web app]() Original publisher: [Read original article]() Author: Freddie Harrison Published: 2024-05-07T05:00:00Z Content type: release Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [Web app]() Tags: [latest-features](), [prototyping](), [release](), [ui](), [update](), [workflow]() ### AI overview Sketch version 100 is a milestone release featuring expanded prototyping capabilities, including horizontal, vertical, and multi-directional scrolling, hover and press triggers, and custom layer visibility controls. It also includes a redesigned web app, improved prototype sharing, and two workflow tools. ### Source excerpt Our milestone release includes a big prototyping update, a redesigned web app, better prototype sharing and two new workflow-boosting tools. ## Aeon Studio: using Sketch to delight clients through design DevFeed: [Aeon Studio: using Sketch to delight clients through design]() Original publisher: [Read original article]() Author: Ale Cubero Published: 2024-04-02T08:00:00Z Content type: article Language: en Sources: [Sketch Blog]() Topics: [Sketch](), [Simulation and Design]() Tags: [creative](), [design](), [made-with-sketch](), [product](), [projects]() ### AI overview An interview with Aeon Studio, a Croatian design studio, about its design-agency operations, creative process, client relationships, and use of Sketch to deliver high-quality work. ### Source excerpt Meet Aeon Studio, an award-winning design studio in Croatia. Discover what their creative process looks like, and how Sketch helps them achieve high quality in every project. ## 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." [Next page]()