20_LouisBorrego_Claude_Design_3D

3 min read

Overview

Louis Borrego shows a very fast workflow for creating impressive 3D scrolling animations in Claude Design (replacing After Effects-style work). The method: start from a motion-design template site (motion sites / 21st) to get a great starting point, copy the prompt into Claude Design, one-shot it (he uses Opus 4.8, done in under 3 minutes), then reverse-engineer the prompt so every element is your own, and rebuild it in a tool like Higgsfield to match your client’s brand. Key point: a lot of this is taste and aesthetics, not development — the template is a starting point, not something to rip off for clients, but it can win you clients (he landed a 350 lifetime) and a free 21st.design alternative.

Key Insights

  1. Start from a motion template, don’t build from scratch — go to motion-design template sites (e.g. MotionSites, 21st) and copy a template as a starting point; it gives you an amazing foundation. [0:15]
  2. One-shot it in Claude Design with Opus 4.8 — copy the template prompt into Claude Design and it’s done in under 3 minutes. [0:42]
  3. “A lot of this is taste, not development” — you don’t have to be bound to development; it’s about taste-making and aesthetics. [1:06]
  4. Reverse-engineer the prompt — ask Claude Design to “reverse-engineer this prompt for me” so you can make every element your own, like a template you replace with your own brand. [1:23]
  5. Make it your own in a tool like Higgsfield — render with your own models/base and adapt to the client’s brand, figuring out what’s best for your client. [1:47]
  6. It can win you work — he landed a $5k job by showing a prospect this kind of design; it still requires understanding copywriting/design/development. [3:09]
  7. Paid vs free: the motion-template tool is ~$350 lifetime (not sponsored — “makes my life 10× easier”); 21st.designs is a free, similar alternative (slightly more restrictive). [2:20]
  8. The complete flow: go to the site → copy the prompt → put it in Claude Design → build a design.md → put it into Claude Code → develop. [4:01]

Actionable Techniques

  1. Start from a motion template — copy a 3D scrolling-animation design from a template site as your foundation. [0:15]
  2. One-shot in Claude Design with Opus 4.8 for speed (under 3 minutes). [0:42]
  3. Reverse-engineer the prompt — “reverse-engineer this prompt for me” to get every element’s prompt, then replace it with your own as a template. [1:23]
  4. Re-render in Higgsfield (or your tool) with your own model and brand to make it original. [1:47]
  5. Hand off into a design.md → Claude Code — take the design, tell it to build a design.md, then develop in Claude Code. [4:04]

Tools & Skills Mentioned

  • Motion template sites (motions.ai / MotionSites, 21st/Motion — sources of 3D scrolling-animation templates. [0:12]
  • Claude Design — where you paste the prompt and one-shot it (Opus 4.8). [0:21]
  • Higgsfield — tool to make the design your own with your own model. [1:47]
  • Claude Code — final development. [3:38]

Quotes Worth Keeping

  • “A lot of this is taste… You don’t have to be bound to development for a lot of this. It’s just about taste making and aesthetics.” [1:06]
  • “Ask it to reverse-engineer this prompt for me. So I can make every element my own.” [1:22]
  • “This is what I was missing. This is how you can do it very fast.” [4:19]

Graph View

Backlinks