Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Fable 5 is GREAT at design... Especially when its connected to a Figma-Like Canvas. Here's a complete guide for using Claude Code with Fable 5, connected to the Agent Native version of Figma, called Paper. This workflow works with Cursor, Codex, Devin, or any other agent platform. 00:00 -...

73,064 Aufrufe • vor 1 Monat •via X (Twitter)

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

Figma Capture + Claude Fable 5 = clone any competitor's landing page in minutes 🤯 Figma just dropped a Chrome extension that copy/pastes any live website into Figma as editable layers. Point Claude Code — running the new Fable 5 model — at the capture, and it rebuilds the whole page in YOUR brand: structure, copy, design system, photography. All inside Claude Code. Perfect for DTC brands and agencies who keep losing weeks rebuilding proven landers from scratch. If you're still cloning competitor pages the old way, You're screenshotting their site and praying the AI guesses the structure right. You're rebuilding sections by hand because the fonts and spacing never come out true. You're paying a designer $3K to recreate a page that already exists. This workflow eliminates the entire loop: → Capture the competitor's landing page with Figma's new Chrome extension — editable layers, not screenshots → Claude Code reads the page structure through the Figma MCP: every section, every headline, in order → It rebuilds the page in YOUR brand — your colors, your fonts, your voice (it even respects your banned-words list) → GPT Image 2 generates on-brand product photography from the layer names → Claude places every image automatically — finished page, ready to ship No screenshots. No guessing at structure. No design invoice. What you get: → A pixel-structured clone of any proven lander, rebuilt in your brand → Every line of copy rewritten in your voice → 16 on-brand images generated and placed for ~$2 in API costs → Start to finish in about 15 minutes Built 100% with Figma + Claude Code on Claude Fable 5. I put together a step-by-step playbook showing you exactly how to set it up. Want access for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)

Mike Futia

46,876 Aufrufe • vor 2 Monaten

The Codex Super-App (Full Beginners Guide) The All Purpose Interface for AI Agents Part 1: Codex Basics Install Codex, Projects, Chats, Documents, Plugins, Custom Skills, Automations Part 2: Multitasking with Codex - iOS App Designs - Build an iOS App - Landing Page - Launch Video - Investor Deck - Social Media Automation TIMESTAMPS: Part 1: Codex Basics 00:00 Intro 02:54 Downloading Codex 03:20 Overview of Codex interface 03:56 Chats, Prompting, & Built in Search 04:53 Creating Projects 07:37 Creating Spreadsheet 09:43 How Files are stored and mentioned within projects 10:42 Quick Codex Overview 12:47 Search (CMD G) and Folder Organization 14:29 Skills and Plugins 16:29 Using Calendar Plugin 18:07 Creating Automations on Codex 19:18 Learn about Plugins (Figma) 21:37 Built in Image Gen 22:37 MCP Example (Paper for Design) 24:17 Opening Chats in mini-window 25:26 Steering vs Queueing the Agent 27:35 Creating Own Skill with API's 31:34 Using YouTube Researcher Skill (That we created) 33:24 Creating Automation with your custom skill Part 2: Multitasking (More chaotic and fun) 35:27 Part 2 Multitasking: Building iOS App, Web App, Investor Deck, Launch Video, Mobile Designs, and Automated X Posts 37:54 Creating Project 38:31 Planning my 6 Projects 40:25 Mobile Design Skill 41:47 Setting up iOS App 45:08 Implementing Desings into Mobile app 46:13 Creating a landing page that collects user info 46:45 Tally for form submission (Great for lead magnets) 49:43 Organizing and Renaming Chats for multitasking 52:12 Database for Mobile App (Supabase) 53:19 Generating app icons 54:08 Launch Video (Remotion) 59:32 Remotion Video Timeline and Seeing the Video Editor 01:05:37 Editing instructions for Remotion (Gridlines) 01:07:11 Editing Web App 01:09:46 Using CLAUDE CODE Inside Codex for Design (Terminal) 01:17:20 Forking a Chat to create investor deck 01:19:09 Using Claude 4.7 Opus for Designing Deck 01:20:22 Testing Canva Export (It's good) 01:22:33 Running Mobile App on Actual Phone (Not Simulator) 01:28:58 Finishing up All Projects (Mobile App, Landing Page Launch Video) 01:31:56 Exporting Deck and making changes in Canva 01:33:13 Deploy to Vercel using the Vercel Plugin 01:33:44 Adding Song to Remotion Video 01:35:26 Setting up x Post automations (Typefully) 01:37:57 Our App is on Testflight! 01:39:58 Final Remotion Video 01:41:04 Final Thoughts, Reflections, Summary

Riley Brown

434,284 Aufrufe • vor 3 Monaten