Web & Digital looks at design that lives on screens: building and launching client sites, accessibility checks such as color contrast, image optimization, interactive graphics, and how small teams ship without a long developer handoff. It also includes first-hand tests of AI site builders against custom work. It is for designers who build or hand off websites and digital products, solo or in a small studio.
Entries describe what someone did and how it went, in 4TC's words, with a link to the source and a label for the kind of account, including results reported by vendors. Try a web designer testing AI tools against her own client builds, checking color contrast with WebAIM, or a designer and copywriter shipping client sites together.
A studio creative director steers Claude Code through comments on a Paper canvas to build a design system and app prototype, then turns sessions into skills.
A design engineer ships a postcard app: paper sketches and Figma as the spec, then Claude Code in screenshot-led loops, live at postcard.ishamsu.com.
A product designer ships playable experiments: Figma as source of truth, Claude Code with Figma MCP, Kling or Higgsfield for motion, then App Store or live URL.
A UX designer replaces a two-month Framer rebuild with Claude Code connected to Figma, Notion references and a case-study skill, then ships on Vercel.
A product designer runs Claude Code in a Figma sandbox against an AI-readable design system, cutting reported design-and-build time from 3 weeks to 3–5 days.
A product designer iterates an avatar through Figma Weave and canvas agents, animates it in Hailuo, then has Claude package an installable PWA on Cloudflare.
A Cisco UX team refines an AI-built HTML prototype directly, after a Figma MCP round trip lost detail, and hands it off with a design system and changelogs.
A UI designer makes 368 talent icons for his own browser game in two AI passes, Flux then Krea, with a reject grid written before the first render.
A product designer rigs a Mac icon in Rive herself, then has Claude add the animation and cursor-reactive rules through a Rive connection.
An agency generates flavour-by-flavour product and fruit imagery for a CPG client's site, then fixes label details by hand in Photoshop.
A product designer rebuilds SkillUp's multi-brand tokens, grid and components with Claude Code in Figma, and lists what he had to correct.
An animator times and benchmarks one interactive pack-opening animation built four ways in Rive, and finds the CLI versions cost over 3x more per frame.
A Webflow designer says a team of Claude Code agents built a native, client-editable Webflow site in three days, and maps where the Webflow MCP fails.
Noo–Studio's record of a Claude agent drawing a variable icon font in Python while a second, no-edit agent judged it against numeric rules.
David Demaree fed Trust's original brand Figmas and every past site version to Claude Design and Claude Code to rebuild bitsandletters.com.
A Rive educator messaged Claude Code to build an interactive 3D solar system with the Rive CLI, then moved the sun into his course game.
Noo–Studio turned the N and O of its logo into a variable font in under three days: AI agents drew and checked glyphs, the founder judged them.
A designer and tutor shows how she uses Claude Code, Claude Cowork, Figma and Adobe tools to design, build and market her own products solo.
A staff product designer prototyped an automation MVP in Figma Make, hit undefined system questions, ran an OOUX sprint, then re-prompted with its outputs.
Rebekah Read reports giving AI tools her real client brief; she found the output functional but short on brand personality.
Claire Vo reports importing a public site's assets to build a design system, then generating a landing page and deck from it.
Rive’s 2025 story says an agency replaced heavy video with nested, scroll-triggered animations built from Illustrator artwork.
Rive’s 2024 story says Intercom’s motion designer moved from After Effects and Lottie to Rive and halved file sizes.
An animation studio says it designed a UPI app’s logo and icons and animated onboarding, loading and success or failure states in two weeks.
Figma says the company recreated more than 150 files in nine weeks and merged two tools while building a design-system family.
A 2018 Figma blog post says a 90-person studio shows clients raw work in progress, with a persistent link and in-file comments.
Adobe presents it as a design app for social posts, flyers and videos with generative tools.
A class project chains several AI tools into a brand system and site; the author records what he had to correct by hand at each stage.
Canva presents itself as a visual suite for social posts, videos and presentations, with AI tools such as background removal and a Brand Kit.
An agency says it used ChatGPT with the client’s real product photos as reference, then made static and animated visuals in Canva.
Webflow says the agency organizes work into brand-to-build projects, support retainers and optimization, which is about 25% of revenue.
Figma presents itself as a collaborative canvas where design, code and AI come together.
Framer presents itself as an AI design agent that designs and builds sites on a canvas, with hosting and CMS.
Google Fonts is Google’s free font library for web and print.
Webflow says a two-person studio merged prototyping and development, with the copywriter editing text in place.
Webflow says this web agency earns over half its revenue from ongoing post-launch work such as testing and personalization.
Webflow says a two-founder branding studio builds modular, animation-led sites that clients maintain without developers.
Penpot describes itself as an open-source design platform with shared libraries, design tokens and a self-host option.
Figma’s story says Plaid brought brand and product work together, including planning and reusable assets like blog graphics.
A principal experience designer says AI let him explore dozens of visual directions for personalized itineraries in two weeks.
Webflow says the branding agency’s designers build smaller sites themselves, showing clients live progress sooner.
Readymag presents itself as a design tool for distinctive websites.
Rive presents itself as an interactive experience engine to design, animate and code in one place and ship to many platforms.
A designer reports producing a five-panel carousel for a fintech client in three hours, with AI exploration and manual refinement in Adobe tools.
Spline presents itself as a 3D design tool in the browser with real-time collaboration for interactive web experiences, with a free plan and paid plans.
Squoosh is a browser-based image optimizer for compressing and comparing images across formats.
Stark presents itself as a suite of integrated accessibility tools for design and development teams.
SVGOMG is a browser interface for the SVGO tool, used to minify SVG files.
WebAIM’s online contrast checker, which needs no account, tests text and background color pairs against WCAG.
Webflow presents itself as a web platform for designing, building and optimizing sites, with CMS and hosting.