Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Design resources that make sense ✨ → - website inspo → - website templates library → - big font pack for $29 → - motion design step by step → - app flows → - design system database Enjoy 🥰

alex 👀

22,022 subscribers

56,407 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Useful resources, tools, websites, apps 👇 - — 3D, motion, mockups - — clipboard history app - — Mac command center - — backgrounds - — dock with widgets for macOS - — screen recorder, editor, motion design (soon) - — app design library - — browse Mac apps - — AI images

Useful resources, tools, websites, apps 👇 - — 3D, motion, mockups - — clipboard history app - — Mac command center - — backgrounds - — dock with widgets for macOS - — screen recorder, editor, motion design (soon) - — app design library - — browse Mac apps - — AI images

Solt Wagner

29,012 views • 1 month ago

Our new #IOTrader website design is officially live. Alongside it, the upgraded smart contract with #oracle integration is now live #onchain. This marks an important step forward for platform performance, reliability, and our #PredictionMarket infrastructure. More updates coming soon 🚀

Our new #IOTrader website design is officially live. Alongside it, the upgraded smart contract with #oracle integration is now live #onchain. This marks an important step forward for platform performance, reliability, and our #PredictionMarket infrastructure. More updates coming soon 🚀

IO Trader IO

26,248 views • 9 months ago

We have FINALLY solved how to generate infinite static ads completely on autopilot (including copy) and put them in a Drive folder, with ZERO human intervention necessary: 1. Generate ChatGPT headlines and push them into Google Sheets with Zapier. 2. Create one or several design templates for your brand in using their Canva integration 3. Set up a Zap that pushes your Google Sheet copy into the Switchboard template. It will automatically handle text formatting and centering 4. Auto upload the completed design file into Google Drive with Zapier You can do this with infinite design templates and different sources of copy (website reviews, subreddits, etc) so you ALWAYS have brand new ads READY TO GO, organized in the Drive folder of your choice for someone on your team to review and launch. The copy refreshes weekly in this zap according to your prompt. Comment if you want the SOP document for this that outlines it step-by-step!

Peter Czepiga

26,129 views • 1 year ago

Does layering make that big a difference for TCG cards? Cool design from PG3★ ´- Isn't She Lovely Enjoy up to 17.2% off sitewide until Mar 24 (PDT) Get ready for your next event!

Does layering make that big a difference for TCG cards? Cool design from PG3★ ´- Isn't She Lovely Enjoy up to 17.2% off sitewide until Mar 24 (PDT) Get ready for your next event!

Vograce

34,109 views • 6 months ago

Toyota trusted Verse to reimagine how millions experience their cars. The result? A virtual showroom where you can step inside Toyota's most iconic models in a fully immersive digital world. 🔎 Browse features 🎨 Admire the design 🚗 Book your test drive Built for users, powered by global scale. Now live on the ToyotaUAE website👇

Toyota trusted Verse to reimagine how millions experience their cars. The result? A virtual showroom where you can step inside Toyota's most iconic models in a fully immersive digital world. 🔎 Browse features 🎨 Admire the design 🚗 Book your test drive Built for users, powered by global scale. Now live on the ToyotaUAE website👇

Verse World

44,141 views • 1 year ago

My OpenClaw bot scraped 1,000+ local business websites, took screenshots of every single one, and used them to train an AI model that scores website design quality automatically Here's what it did: → Scraped 1000+ local businesses from Google Maps → Screenshotted every website → Trained an AI model on 1,000+ sites to score design 0–100 → Flagged the worst ones as hot leads No more manually finding clients with bad websites, it finds them for you in seconds Reply "OpenClaw" and I'll send you the whole system for free

My OpenClaw bot scraped 1,000+ local business websites, took screenshots of every single one, and used them to train an AI model that scores website design quality automatically Here's what it did: → Scraped 1000+ local businesses from Google Maps → Screenshotted every website → Trained an AI model on 1,000+ sites to score design 0–100 → Flagged the worst ones as hot leads No more manually finding clients with bad websites, it finds them for you in seconds Reply "OpenClaw" and I'll send you the whole system for free

Chris

112,498 views • 6 months ago

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)

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

59,278 views • 4 months ago

In the past year, we created tons of designs just to explore ideas, improve our craft, and post on X. Website sections, mobile app screens, dashboards, logos all sitting in our Figma files now. Instead of letting them stay unused, we’re releasing them as a free design library for everyone to copy, learn from, and repurpose. Launching soon. Comment if you want early access.

In the past year, we created tons of designs just to explore ideas, improve our craft, and post on X. Website sections, mobile app screens, dashboards, logos all sitting in our Figma files now. Instead of letting them stay unused, we’re releasing them as a free design library for everyone to copy, learn from, and repurpose. Launching soon. Comment if you want early access.

Praha

20,517 views • 3 months ago

Step 1 : input your char reference, poster and your product into GPT Image 2 and then put the prompt : Use the woman on image 1 as the main subject. create a vertical poster ad inspired by the reference poster style. show the image 1 woman holding the kimchi jar with her left hand, while the right hand eating kimchi to her mouth. with framing wide lens, low angle from the reference poster. This step is where you lock the visual direction. Step 2 : take the generated image into Seedance 2.0 and convert it into motion. Set it to 1080p if your design includes a lot of typography, this helps preserve text clarity. You can also strengthen your prompt by adding keywords like: “dynamic motion design commercial advertisement” to push the result closer to a polished ad style. Important note : If your design contains heavy typography, expect some inconsistencies in text rendering. The best approach is to generate multiple variations and select the cleanest result. For this sample, I generated it 4 times before landing on the final version.

Step 1 : input your char reference, poster and your product into GPT Image 2 and then put the prompt : Use the woman on image 1 as the main subject. create a vertical poster ad inspired by the reference poster style. show the image 1 woman holding the kimchi jar with her left hand, while the right hand eating kimchi to her mouth. with framing wide lens, low angle from the reference poster. This step is where you lock the visual direction. Step 2 : take the generated image into Seedance 2.0 and convert it into motion. Set it to 1080p if your design includes a lot of typography, this helps preserve text clarity. You can also strengthen your prompt by adding keywords like: “dynamic motion design commercial advertisement” to push the result closer to a polished ad style. Important note : If your design contains heavy typography, expect some inconsistencies in text rendering. The best approach is to generate multiple variations and select the cleanest result. For this sample, I generated it 4 times before landing on the final version.

DStudioproject

11,413 views • 5 months ago

Customers are changing how they search. Instead of just Googling, they’re asking AI for answers and recommendations. But how do you make that shift easy to understand? I created this video with Pexo to explore exactly that, using motion design to make the ideas behind GEO easier to see and understand. Sometimes, showing an idea makes more sense than explaining it in another paragraph. Pexo

Customers are changing how they search. Instead of just Googling, they’re asking AI for answers and recommendations. But how do you make that shift easy to understand? I created this video with Pexo to explore exactly that, using motion design to make the ideas behind GEO easier to see and understand. Sometimes, showing an idea makes more sense than explaining it in another paragraph. Pexo

Weinberg

60,187 views • 7 days ago

✨Introducing YesCheff is a web app that helps you learn, cook, and enjoy your favorite recipes through step-by-step cooking guides built from real YouTube content. You can even use your own YouTube links. A small but special project where I brought all my capabilities together, from design (brand & product) to animation, and development. This project came from exploring how Al models parse data into frontend components and the development of generative interfaces. I designed and developed the structure through React components (HTML, CSS, JS) for the frontend and Node.js for the backend. This is a testament of how one could develop digital products in a less frustrating and more flexible way with the use of Al, particularly when it comes to getting the styling and functionality right. Now which foods are you eager to learn? Check it out at #YesCheff #WebApp #AI #Design #FrontendDevelopment #ReactJS #NodeJS #ProductDesign

JEHTOMS 5.0

85,213 views • 11 months ago

Origins Beta Mainnet goes live today. Built for AI-native execution. Modular by design. Compute aware from day one. This is the first real step toward infrastructure that moves at machine speed, not human bottlenecks. If you’ve been watching from the sidelines, now’s the time to plug in. Let’s see what gets built.

Origins Beta Mainnet goes live today. Built for AI-native execution. Modular by design. Compute aware from day one. This is the first real step toward infrastructure that moves at machine speed, not human bottlenecks. If you’ve been watching from the sidelines, now’s the time to plug in. Let’s see what gets built.

Origins Network

22,996 views • 7 months ago

Generative models can’t discover what they can’t reach. We’re excited to introduce ActFlow: a continued pre-training scheme that actively expands the valid design space reachable by flow and diffusion models. We call this generable set expansion — a new learning principle for out-of-distribution generative modeling, and a step toward evolvable search spaces for scientific discovery. (1/5)

Generative models can’t discover what they can’t reach. We’re excited to introduce ActFlow: a continued pre-training scheme that actively expands the valid design space reachable by flow and diffusion models. We call this generable set expansion — a new learning principle for out-of-distribution generative modeling, and a step toward evolvable search spaces for scientific discovery. (1/5)

Riccardo De Santi

41,865 views • 1 month ago

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

Ridark

19,477 views • 3 months ago

GPT-5.6 Sol is unbelievably good at creating and editing videos. It can do motion design, product demos, and animations like this one I made by simply giving it a screen recording. GPT 5.6 has the best design taste and significantly outperforms Fable, which relies heavily on repetitive design patterns. To help you experiment with video editing on it, we just launched a collection of 100 ready-to-use skills that show what’s possible and help you get started with video editing using GPT-5.6. These skills can create anything from motion graphics launch videos for your product to a 3B1B-style science explainer video. You can also use them to edit existing videos: add captions, generate motion graphics, create voiceovers, redesign visual styles, translate into new languages, and much more. If you want access to the full library, comment “VIDEO SKILLS” and I’ll share it with you. (You'll have to follow me so I can DM you.)

GPT-5.6 Sol is unbelievably good at creating and editing videos. It can do motion design, product demos, and animations like this one I made by simply giving it a screen recording. GPT 5.6 has the best design taste and significantly outperforms Fable, which relies heavily on repetitive design patterns. To help you experiment with video editing on it, we just launched a collection of 100 ready-to-use skills that show what’s possible and help you get started with video editing using GPT-5.6. These skills can create anything from motion graphics launch videos for your product to a 3B1B-style science explainer video. You can also use them to edit existing videos: add captions, generate motion graphics, create voiceovers, redesign visual styles, translate into new languages, and much more. If you want access to the full library, comment “VIDEO SKILLS” and I’ll share it with you. (You'll have to follow me so I can DM you.)

Akash Anand

518,314 views • 2 months ago

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 views • 8 months ago

claude fable 5, gpt-5.6 sol, and kimi k3 can run their own website agency on autopilot here's the system each one runs: - picks its own niche and decides what businesses to target - scrapes every business in that niche off google maps - audits every real website, decides for itself what counts as broken - builds the full replacement site itself, real code, real design - writes the diagnosis line for the postcard, specific to that business - QR leads to a landing page where the owner pays to claim it reply "SYSTEM" + RT and i'll send you a free guide so you can build this too (must be following so i can DM you)

claude fable 5, gpt-5.6 sol, and kimi k3 can run their own website agency on autopilot here's the system each one runs: - picks its own niche and decides what businesses to target - scrapes every business in that niche off google maps - audits every real website, decides for itself what counts as broken - builds the full replacement site itself, real code, real design - writes the diagnosis line for the postcard, specific to that business - QR leads to a landing page where the owner pays to claim it reply "SYSTEM" + RT and i'll send you a free guide so you can build this too (must be following so i can DM you)

Chris

32,934 views • 2 months ago

Impeccable 3.7 brings linting to design. Until now it was a skill you asked for help. Now it's a design-system-aware feedback loop that runs while your agent builds, catching slop and design drift before they land. 🪝 Design hooks for Claude, Codex, and Cursor They run after every UI edit and quietly nudge your agent to fix slop and drift. The output isn't another wall of lint: it separates new findings from already-seen ones, flags clean scans, and asks the agent to use judgment. Fix real issues, leave intentional demos alone, save exceptions to config instead of littering your source. 🎨 Slop detection is now project-aware Reads your actual design system from DESIGN.md, your typography, palette, radius scale, and tokens, and flags drift from your system, not just generic AI slop: • this font isn't in your design system • this color is outside your documented palette • this radius doesn't match your rounded scale The same engine powers both the hooks and the CLI, and it's where we're investing next. 🖥️ Live Mode, ready for real projects Svelte/SvelteKit now preview variants as temporary framework components with live params, then accept cleanly back into your source component. Manual text edits got evidence / apply / discard routes, insertions preserve their anchors, and mapped lists and JSX slots clean up far more reliably. ⚡ Leaner core, sharper detector Rule-level evals across 3 providers and 4 niches cut guidance with no measurable lift and dropped examples that taught models bad patterns. The detector now skips hidden and screen-reader-only elements, understands OKLCH alpha and Sass-like inputs, and tightened checks for repeated kickers, oversized H1s, clipped overflow, and cramped padding. 🛠️ CLI caught up impeccable detect loads DESIGN.md by default, motion findings name the exact token or cubic-bezier instead of just "bounce," and impeccable ignores gives real CRUD for exceptions. Hooks and CLI share the same ignores. No split-brain config. Plus a much-improved interactive installer with hooks setup built in. Upgrade: npx impeccable install npm i -g impeccable

Impeccable 3.7 brings linting to design. Until now it was a skill you asked for help. Now it's a design-system-aware feedback loop that runs while your agent builds, catching slop and design drift before they land. 🪝 Design hooks for Claude, Codex, and Cursor They run after every UI edit and quietly nudge your agent to fix slop and drift. The output isn't another wall of lint: it separates new findings from already-seen ones, flags clean scans, and asks the agent to use judgment. Fix real issues, leave intentional demos alone, save exceptions to config instead of littering your source. 🎨 Slop detection is now project-aware Reads your actual design system from DESIGN.md, your typography, palette, radius scale, and tokens, and flags drift from your system, not just generic AI slop: • this font isn't in your design system • this color is outside your documented palette • this radius doesn't match your rounded scale The same engine powers both the hooks and the CLI, and it's where we're investing next. 🖥️ Live Mode, ready for real projects Svelte/SvelteKit now preview variants as temporary framework components with live params, then accept cleanly back into your source component. Manual text edits got evidence / apply / discard routes, insertions preserve their anchors, and mapped lists and JSX slots clean up far more reliably. ⚡ Leaner core, sharper detector Rule-level evals across 3 providers and 4 niches cut guidance with no measurable lift and dropped examples that taught models bad patterns. The detector now skips hidden and screen-reader-only elements, understands OKLCH alpha and Sass-like inputs, and tightened checks for repeated kickers, oversized H1s, clipped overflow, and cramped padding. 🛠️ CLI caught up impeccable detect loads DESIGN.md by default, motion findings name the exact token or cubic-bezier instead of just "bounce," and impeccable ignores gives real CRUD for exceptions. Hooks and CLI share the same ignores. No split-brain config. Plus a much-improved interactive installer with hooks setup built in. Upgrade: npx impeccable install npm i -g impeccable

Impeccable

233,051 views • 3 months ago