Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Delete your inspiration bookmarks. Replace them with these 👇 - - archive of recent visual design - - best of social post design - - gallery of bold mobile websites - - 𝙳𝙴𝚂𝙸𝙶𝙽.𝙼𝙳 files for AI agents - - best of recent design, daily - - UI animation &...

tranmautritam's profile picture

Tran Mau Tri Tam ✪

33,009 subscribers

83,296 görüntüleme • 5 gün önce •via X (Twitter)

SanatEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Where I go when I run out of design ideas. Save this 👇 - - best of social post design - - daily web design inspiration - - minimal websites directory - - OG images done right - - beautifully designed decks - - 1,200+ logos by top designers - - branding & editorial projects - - real brand guidelines library - - best of recent design, daily What am I missing?
0:12

Where I go when I run out of design ideas. Save this 👇 - - best of social post design - - daily web design inspiration - - minimal websites directory - - OG images done right - - beautifully designed decks - - 1,200+ logos by top designers - - branding & editorial projects - - real brand guidelines library - - best of recent design, daily What am I missing?

Tran Mau Tri Tam ✪

247,297 görüntüleme • 26 gün önce

Where I Find Design Inspiration 👇 - Best of social post design - Beautifully designed decks - Minimal websites - OG Images - 1,200+ Logo Design - Best Designs from Big Companies - Websites Footer Designs - Best SaaS Website Designs What Did I Miss?
0:12

Where I Find Design Inspiration 👇 - Best of social post design - Beautifully designed decks - Minimal websites - OG Images - 1,200+ Logo Design - Best Designs from Big Companies - Websites Footer Designs - Best SaaS Website Designs What Did I Miss?

Nero

105,352 görüntüleme • 5 gün önce

Useful apps, sites for designers. Save this 👇 - - showcase designs in motion - - 3D device mockups in browser - - turn photos into recap video - - lo-fi effects for image & video - - curve-based gradient creator - - infinite unique gradients - - dither, ASCII & halftone effects - - discover creatives on 𝕏, hourly - - best of recent design, daily What am I missing?
0:11

Useful apps, sites for designers. Save this 👇 - - showcase designs in motion - - 3D device mockups in browser - - turn photos into recap video - - lo-fi effects for image & video - - curve-based gradient creator - - infinite unique gradients - - dither, ASCII & halftone effects - - discover creatives on 𝕏, hourly - - best of recent design, daily What am I missing?

Tran Mau Tri Tam ✪

227,710 görüntüleme • 1 ay önce

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?
0:16

The best UI components ready to use, save this 👇 - free animated component library - Animated thinking orb component - essential transitions for web apps - crafted UI for AI-native interfaces. - huge community library - The React component library - patterns from 95 design systems - Annotate your UI. Guide your coding agent What Did I Miss?

Nero

81,275 görüntüleme • 2 gün önce

As part of Blissful Design 3.0 launch, I am working hard with my motion and interaction designer to bring the best case study video cover for each highlighted project on the website. This one is Zingage case study. Sound on. It's looping too.
0:13

As part of Blissful Design 3.0 launch, I am working hard with my motion and interaction designer to bring the best case study video cover for each highlighted project on the website. This one is Zingage case study. Sound on. It's looping too.

Steve Lauda

24,448 görüntüleme • 9 ay önce

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.
0:11

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.

Simplifying AI

12,824 görüntüleme • 29 gün önce

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.
0:19

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,448 görüntüleme • 2 ay önce

Impeccable 3 natively supports crafting new design with diffusion (e.g. GPT Image 2) in harnesses that support it (e.g. Codex, Gemini w/ nano banana plugin). Impeccable now uses the best mode of operation for net-new vs iterative design: 1) completely new design: diffusion-first, then build w/ best practices for brand or product design (new in 3.0) 2) iterative design (additions/changes): design-system first, discovers your components, reads DESIGN/PRODUCT.md, goes to work. new live mode (new in 3.0) makes it extra convenient. Here's a tutorial documenting the whole workflow (incl. how I made the demo site in the video):
0:16

Impeccable 3 natively supports crafting new design with diffusion (e.g. GPT Image 2) in harnesses that support it (e.g. Codex, Gemini w/ nano banana plugin). Impeccable now uses the best mode of operation for net-new vs iterative design: 1) completely new design: diffusion-first, then build w/ best practices for brand or product design (new in 3.0) 2) iterative design (additions/changes): design-system first, discovers your components, reads DESIGN/PRODUCT.md, goes to work. new live mode (new in 3.0) makes it extra convenient. Here's a tutorial documenting the whole workflow (incl. how I made the demo site in the video):

Paul Bakaus

37,832 görüntüleme • 3 ay önce

I CREATED A PRODUCT WITH A MORE HUMAN DESIGN USING Envato #envatochallenge Contra. Instead of relying only on AI, I stepped outside to find inspiration in the real world. I explored different places, captured my own photographs, studied colours, textures, shapes, and details, then combined those real-life elements into a single product design. AI can generate images, but it can't replace the experience of discovering inspiration with your own eyes. Every photo I took became a piece of the final creation, making the product feel authentic, personal, and impossible to recreate through prompts alone. Envato Tools i used for creating this product: Gen Ai - ImageGen - ImageEdit - VideoGen - MusicGen - Mockup Gen Stock - Photo - Videos - Video templates - Luts - Music - Sound Effects - Fonts #HumanByDesign #CreativeProcess #Design #AI
0:09

I CREATED A PRODUCT WITH A MORE HUMAN DESIGN USING Envato #envatochallenge Contra. Instead of relying only on AI, I stepped outside to find inspiration in the real world. I explored different places, captured my own photographs, studied colours, textures, shapes, and details, then combined those real-life elements into a single product design. AI can generate images, but it can't replace the experience of discovering inspiration with your own eyes. Every photo I took became a piece of the final creation, making the product feel authentic, personal, and impossible to recreate through prompts alone. Envato Tools i used for creating this product: Gen Ai - ImageGen - ImageEdit - VideoGen - MusicGen - Mockup Gen Stock - Photo - Videos - Video templates - Luts - Music - Sound Effects - Fonts #HumanByDesign #CreativeProcess #Design #AI

Aymducking

825,145 görüntüleme • 23 gün önce

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
0:13

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,092 görüntüleme • 5 ay önce

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that *gets* UI design.
0:12

I gave the new Meta Muse Spark model a bunch of assorted assets and it was able to carefully extract them and place it into a functioning app. I've never seen something with a clear intuition for design and product-first thinking. This is the first AI that *gets* UI design.

Michael G

38,830 görüntüleme • 4 ay önce

I know you want a design team, and actually the best one - without the hassle of hiring or long-term commitments? That’s exactly what Kree8 is. Just book a Call, and let’s Kree8 it. 👇 We work like your in-house design team. You send in a task - one at a time or two simultaneously (your call), and we get it done. No chasing. No delays. Just clean, high-quality design delivered when you need it.
0:12

I know you want a design team, and actually the best one - without the hassle of hiring or long-term commitments? That’s exactly what Kree8 is. Just book a Call, and let’s Kree8 it. 👇 We work like your in-house design team. You send in a task - one at a time or two simultaneously (your call), and we get it done. No chasing. No delays. Just clean, high-quality design delivered when you need it.

Jay Dwivedi

254,322 görüntüleme • 1 yıl önce

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)
0:17

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)

Mike Futia

42,932 görüntüleme • 2 ay önce

At Uber a big problem for design teams and engineering teams was design source of truth. No one knew what the app truly looked like, so weekly a bunch of designers would get into a meeting room and check that the engineers correctly implemented the figma designs that they made Now with coding agents throughput of changes has increased an order of magnitude and it has become impossible to manually keep up. Here we used the Revyl CLI to create a flow of every state in the Uber design, by navigating our mobile use agent on an cloud iOS simulator. This is something that would have taken a team of designers tens of hours to recreate manually; All done in less than an hour asynchronously with a simple prompt. Enable your team to know what your users are actually seeing and empower coding agents to give your users a delightful experience without any blindspots Get started with our new free trial and create a map for your own app 🗺️
0:19

At Uber a big problem for design teams and engineering teams was design source of truth. No one knew what the app truly looked like, so weekly a bunch of designers would get into a meeting room and check that the engineers correctly implemented the figma designs that they made Now with coding agents throughput of changes has increased an order of magnitude and it has become impossible to manually keep up. Here we used the Revyl CLI to create a flow of every state in the Uber design, by navigating our mobile use agent on an cloud iOS simulator. This is something that would have taken a team of designers tens of hours to recreate manually; All done in less than an hour asynchronously with a simple prompt. Enable your team to know what your users are actually seeing and empower coding agents to give your users a delightful experience without any blindspots Get started with our new free trial and create a map for your own app 🗺️

Anam Hira

96,508 görüntüleme • 3 ay önce

hi, i'm hiring a product designer! if you want to work on interesting problems that require simplifying large datasets into intuitive, fun, consumer grade products and help me build the Polymarket Design Studio with some of the best designers in the game, DM me your portfolio. 🌐 for more details
0:10

hi, i'm hiring a product designer! if you want to work on interesting problems that require simplifying large datasets into intuitive, fun, consumer grade products and help me build the Polymarket Design Studio with some of the best designers in the game, DM me your portfolio. 🌐 for more details

Kevin Shay

70,553 görüntüleme • 4 ay önce

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)
0:17

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

58,140 görüntüleme • 3 ay önce

I'm absolutely blown away by all the love for my design, it truly means a lot to me. I'm not the best when it comes to social interactions and it feels a bit overwhelming sometimes, but I want you to know that I'm reading all of your comments. Thank you so much everyone! 🥹 ❤️
0:15

I'm absolutely blown away by all the love for my design, it truly means a lot to me. I'm not the best when it comes to social interactions and it feels a bit overwhelming sometimes, but I want you to know that I'm reading all of your comments. Thank you so much everyone! 🥹 ❤️

𓆩 𝔳𝔢𝔩𝔷𝔞𝔯𝔦𝔦 𓆪 🦇🩸

25,643 görüntüleme • 1 yıl önce

a lot of visual identities fall apart the moment you remove the logo. so here’s friendly advice I wish someone drilled into me earlier: run every visual identity through the Three-Post Test. What is it? Design three social media posts in the new visual identity. (btw, you can now easily design and export social media assets directly in Framer) Or, design three posters. (a tip that Jessica Strelioff’s also recently shared!) Then, the important step: remove the logo. Now, look at them like a stranger would. If you’re trying to get out of junior design mode — ask yourself: 1. without the logo, do these three posts still obviously belong together? Follow up with: 2. can I easily point to repeating rules (layout, type behavior, spacing, color logic, ...)? 3. could another designer easily continue this system without me in the room? If you answer 1. no 2. nope 3. uhmmm, not sure then you’re in trouble. If the logo disappears and the connection goes with it, that’s your signal: you don’t have a visual system yet, just three nice visual pieces. maybe a very nice logo, too. So, run this test early, save yourself time later.
0:17

a lot of visual identities fall apart the moment you remove the logo. so here’s friendly advice I wish someone drilled into me earlier: run every visual identity through the Three-Post Test. What is it? Design three social media posts in the new visual identity. (btw, you can now easily design and export social media assets directly in Framer) Or, design three posters. (a tip that Jessica Strelioff’s also recently shared!) Then, the important step: remove the logo. Now, look at them like a stranger would. If you’re trying to get out of junior design mode — ask yourself: 1. without the logo, do these three posts still obviously belong together? Follow up with: 2. can I easily point to repeating rules (layout, type behavior, spacing, color logic, ...)? 3. could another designer easily continue this system without me in the room? If you answer 1. no 2. nope 3. uhmmm, not sure then you’re in trouble. If the logo disappears and the connection goes with it, that’s your signal: you don’t have a visual system yet, just three nice visual pieces. maybe a very nice logo, too. So, run this test early, save yourself time later.

charlota

37,345 görüntüleme • 6 ay önce

At Uber, design source of truth was a big problem for design and engineering teams. No one knew what the app truly looked like. So every week, a group of designers would sit in a meeting room and check that engineers had correctly implemented the Figma designs. Now coding agents have increased the throughput of changes by an order of magnitude. Keeping up manually has become impossible. Here we used the Revyl to map every state in Ubert (demo uber), navigating our mobile use agent on a cloud iOS simulator. This would have taken a team of designers tens of hours to recreate by hand. We did it in under an hour, asynchronously, with a simple prompt. Let your team see what your users actually see. Empower coding agents to ship a delightful experience with no blindspots. Get started with our free trial and create a map for your own app.
0:11

At Uber, design source of truth was a big problem for design and engineering teams. No one knew what the app truly looked like. So every week, a group of designers would sit in a meeting room and check that engineers had correctly implemented the Figma designs. Now coding agents have increased the throughput of changes by an order of magnitude. Keeping up manually has become impossible. Here we used the Revyl to map every state in Ubert (demo uber), navigating our mobile use agent on a cloud iOS simulator. This would have taken a team of designers tens of hours to recreate by hand. We did it in under an hour, asynchronously, with a simple prompt. Let your team see what your users actually see. Empower coding agents to ship a delightful experience with no blindspots. Get started with our free trial and create a map for your own app.

Anam Hira

203,582 görüntüleme • 1 ay önce