Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

๐— ๐—ฎ๐˜€๐˜๐—ฒ๐—ฟ๐—ถ๐—ป๐—ด ๐—Ÿ๐—ผ๐˜ƒ๐—ฎ๐—ฏ๐—น๐—ฒ: ๐—ง๐—ต๐—ฒ ๐—จ๐—น๐˜๐—ถ๐—บ๐—ฎ๐˜๐—ฒ ๐—ฃ๐—น๐—ฎ๐˜†๐—ฏ๐—ผ๐—ผ๐—ธ ๐Ÿ”ฅ I spent the weekend collecting all my prompt hacks, workflows, and best practices I use to build products with Lovable and turned it into one simple, actionable playbook. Youโ€™ll learn how to: โ€ข Plan before you prompt โ€ข Design by component, not page...

40,072 Aufrufe โ€ข vor 1 Jahr โ€ขvia X (Twitter)

0 Kommentare

Keine Kommentare verfรผgbar

Kommentare vom Original-Post werden hier angezeigt

ร„hnliche Videos

How to 10x your design with Figma Make โญ๏ธ I spent 40+ hours testing Figma Make prompts. Most designers waste time with vague prompts and get garbage outputs. Here are the exact prompts and proven workflow that actually work: 1๏ธโƒฃ. Prompt formula: Bad: "Create a dashboard" Good: "Create a SaaS analytics dashboard with: โ†’ Left sidebar navigation (240px wide) โ†’ Top bar with user profile โ†’ 4 metric cards in a grid โ†’ Line chart showing revenue trend โ†’ Use blue (#2563EB) as primary color" The more you specify = higher quality. 2๏ธโƒฃ Workflow: Import Your Design System First Before your first prompt: โ†’ Go to your main Figma file โ†’ Export your component library โ†’ Import it into Make โ†’ Add this to every prompt: "Use components from [Your Library Name]" Now everything matches your brand automatically. 3๏ธโƒฃ. Prompt for Interactive States: "Create a login form with: โ†’ Email and password inputs โ†’ Show error state when fields are empty โ†’ Disabled button state when form is incomplete โ†’ Success message after submission โ†’ Add smooth transitions between states" Gets you working prototypes, not static screens. 4๏ธโƒฃ. Advanced Prompts: Data States "Create a user list screen with three states: โ†’ Loading (skeleton screens) โ†’ Success (populated table with 10 users) โ†’ Empty (illustration + 'No users yet' message + 'Add User' CTA)" One prompt = complete UX coverage. 5๏ธโƒฃ. The "Design System Driftโ€ Fix: Notice Make using wrong colors? โ†’ Try this Prompt: "Analyze my imported library and list all color tokens, then regenerate using only those exact values" It'll self-correct and stick to your system. 6๏ธโƒฃ. Responsive Design Prompt: "Create a pricing page with 3 tiers. Make it responsive: โ†’ Desktop: 3 columns side-by-side โ†’ Tablet: 2 columns with 3rd below โ†’ Mobile: Stacked vertically โ†’ Use Auto Layout for fluid scaling" This gets you mobile + desktop in one shot. 7๏ธโƒฃ. Magic Troubleshoot Prompts: Output looks off? โ†’ Try: "Redesign this following Material Design principles" โ†’ Or: "Make this follow iOS Human Interface Guidelines" โ†’ Or: "Apply Gestalt principles for better visual hierarchy" Give it design frameworks to follow. It works magic. Designers who master prompt engineering in 2026 will ship 10x more than everyone else. P.s. I made a Gameboy for Pokรฉmon. (bookmark this for later)

Felix Lee

12,706 Aufrufe โ€ข vor 6 Monaten

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)

Mike Futia

57,378 Aufrufe โ€ข vor 2 Monaten

Claude Design is f*cking cracked for landing pages ๐Ÿคฏ Find any competitor's e-com lander โ†’ feed it to Claude Design w/ your brand's design system โ†’ get back a fully rebuilt version in your brand, your copy, your design. All inside Claude Design. Perfect for DTC brands and agencies who are still paying freelancers to build advertorial pages from scratch. If you're finding landers that have been running on Meta for 6+ months and want to test the same structure for your brand โ€”> Briefing a designer, waiting a week, getting back a flat mockup, giving notes, waiting again... Claude Design eliminates the entire loop: โ†’ Use Go Full Pag to screenshot the full competitor lander โ†’ Feed it to Claude Design with your design system โ†’ Prompt it to extract the exact section structure and rebuild it for your brand โ†’ It rewrites all copy, applies your fonts, colors, and layout โ†’ Iterate section by section โ€” send a screenshot of what you want to fix, it fixes it โ†’ Drop in your product images and founder photos as you go No designer. No back-and-forth briefs. No starting from scratch. What you get: -> Full production-ready lander built around a proven structure that's already converting on Meta -> Live elements (countdown timers, animated sections) auto-generated -> Mobile and desktop versions you can refine with plain-English prompts -> A repeatable system โ€” new competitor, new screenshots, same pipeline I put together a full playbook breaking down the exact process โ€” the prompts, the section-by-section editing approach, and how to set this up for any competitor lander. Want it completely for free? > Like this post > Comment "CLONE" And I'll send it over (must be following so I can DM)

Mike Futia

37,772 Aufrufe โ€ข vor 2 Monaten