Asked Claude to design me a typography system and, wow

asked claude fable 5 to design a qdd actuator... it also animated the gearbox and inspected collisions as part of the validation loop ~ 30 minutes / 400k tokensshow more

asked claude fable 5 to design spacex starship with... mechazilla it modelled the first stage boosters and even animated a chopstick catch at the end absolutely insaneshow more

asked claude fable 5 to design a 16dof articulated... robot hand it also wrote a robot description file (urdf) for the hand ~ 1 hour / 300k tokensshow more

In our Anthropic Claude Design study, 5 designers approved... a design system before they typed their first prompt. >Brand palette >type system >components the whole thing all set up. Only 1 of them named any of it in their opening prompt. That designer was the only one to finish production-ready. The other 4 assumed Claude would carry the system over. It didn't. TLDR: Claude doesn't reliably carry the design system you just approved. If you don't name it in the prompt, it doesn’t exist. It's never been a better time to be a designer, but you must learn the art of the prompt.show more

A fast-paced Korean psychological thriller concept built with cinematic... visuals, giant experimental typography, VFX, and AI-driven motion design. I used MiniMax Design to explore an agent-driven creative workflow , turning a story concept into a complete visual direction with dramatic shots, typography, atmosphere, and editing. Dark streets. Heavy rain. One shadow. And a feeling that someone is always right behind you. #MiniMaxH3 #MiniMaxDesignshow more

UI/UX Designers, you can now give your AI coding... agent a better design taste. I just found Refero Styles that has a library with 2,000+ DESIGN.md files from real product sites covering colors, typography, spacing, and components. Ready to paste into Cursor, Claude Code, v0, and Lovable so your agent can build with better design direction Can’t believe it’s free; bookmark it for later. 💜show more

Claude Design + Shopify is f*cking ridiculous 🤯 You... can now publish pages from Claude Design → Claude Code → Shopify. Built 100% with Claude Design, Claude Code, and the Shopify CLI. Perfect for DTC brands and agencies who want to skip the design → dev handoff entirely. Here's how it works: → Design any landing page in Claude Design → Export as a zip and drop it into Claude Code → Install the Shopify + Shopify AI Toolkit plugins → Prompt Claude to convert the HTML into a Shopify page template + push to live theme → Claude uploads the images, deploys the files, and creates a published page No more handing designs off to a dev and waiting 2 weeks for a Shopify page. What you get: - A workflow that turns any Claude Design page into a real Shopify page template - Editable sections so your marketing team can swap copy, images, and CTAs without code - Images uploaded straight to Shopify Files automatically - A files-only deploy that only touches what's new in your live theme - A repeatable pipeline you can use every time you design a new landing page This is essentially the design-to-deploy pipeline brands have been waiting for. I put together a step-by-step playbook for going from Claude Design → published Shopify page. Every install, every plugin, every command, and the exact prompt that runs the whole thing. Want the playbook for free? > Like this post > Comment "SHOP" And I'll send it over (must be following so I can DM)show more

a few people asked me how i timed the... raccoon animation on my portfolio! i basically asked claude to generate me a red line to visualized its path, and used joshpuckett's dialkit to tinker around (adjusting the slope, peaks, etc.)show more

A little bit about the project we are working... on! ☠️ Direction and Design ZULTRA © Motion howka Typography BleachFX 3D Niightshow more

Published today: A new (or rather, old) approach to... typography on the web. Typography is too often reduced to a tidy set of tokens and ratios. But no formula is universal. Different context demands different systems. We designed a type system that feels precise to the eye, not just in code. Link below!show more

Kimi K2.6 just cooked Claude on design 😭 Same... prompt. Completely different output. I asked both to build a cinematic, scroll-driven indie game page. Dark. Editorial. Premium. Here's the exact prompt and what happened 👇show more

A quick recap of what I experimented with Claude... Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆show more

📐Design Systems and DESIGN.md Consistency using Design Systems and... DESIGN.md: ✨ Every new design automatically starts with a cohesive design system which GREATLY improves consistency (we heard you!) ✨ Edit the system, and all associated screens can be easily updated ✨ You can extract a design system from any URL ✨ Use DESIGN.md to export your design rules or import your design rules from other products (just ask your agent to create you a DESIGN.md file from your code or other context) ✨ You can start a new design by choosing from popular design systems ✨ Read more about DESIGN.md in the docs (link in thread)show more

3D Digital Agency Website Opus 4.8 + Claude Design... → Build Want to recreate this design? ↓show more

Claude Fable 5 + Claude Design is f*cking insane... 🤯 Anthropic just dropped its most intelligent model ever, and the first thing I pointed it at was email design. I built a complete email campaign design in Claude Design, and the difference is night and day: tighter layouts, cleaner hierarchy, on-brand from the first generation. All inside Claude Design with Fable 5. Perfect for DTC brands and agencies who are still paying email agencies $3-5K/month for campaign designs that take 2 weeks to ship. If your campaign calendar is packed but every new email means briefing a designer, waiting on mockups, sending notes, and waiting again... This workflow eliminates the entire bottleneck: → Load your brand design system into Claude Design once (colors, fonts, logo, button styling) → Switch the model to Claude Fable 5 — Anthropic's new state-of-the-art model with the best vision of any AI → Prompt the campaign email section by section: header, hero, headline, offer block, CTA → Fable 5 nails layout and brand details that older models fumbled → Iterate inline — swap images, adjust styling, color-pick directly in the canvas → Export the finished email and hand off to your ESP No briefing a designer. No 2-week turnaround on a single campaign. No paying an agency $4K/month for 4 emails. What you get: → Campaign emails designed in minutes, not weeks → A reusable design system every new email pulls from automatically → Noticeably smarter design decisions from Fable 5's upgraded vision → Full inline editing before anything touches your ESP Built 100% with Claude Design + Claude Fable 5. I recorded a full walkthrough showing exactly how this works. Want it for free? > Like this post > Comment "FABLE" And I'll send it over (must be following so I can DM)show more

claude design is my all time favorite anthropic drop... this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)show more

Gemini vs Claude Claude has started to get really... damn good at design. Prompt below ↓show more

I found 9 sites that generate Design Markdown files... for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )show more

Design System Checklist Open-source checklist that will help you... plan, build and grow your design system. It covers design language, tokens, core components, and maintenance (support and documentation).show more

unfortunately, Claude Design is about to lead to a... flood of meditation apps in App Storeshow more