Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I just built my second app in 4 hours with Claude Code. From Figma design to fully functional. No code written. This shouldn't be possible. 😭 The first one took me a week. The second one took an afternoon. By next week I'll be shipping one before breakfast. >View...

TukiFromKL's profile picture

Tuki

116,609 subscribers

182,385 görüntüleme • 4 ay önce •via X (Twitter)

SanatEğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

I'm a social media manager. Never written a line of code. But in one afternoon with Claude Code, I built a fully animated onchain card game. Now I'm wiring it up with ChainGPT's AI stack. And you're coming with me 🧵
0:28

I'm a social media manager. Never written a line of code. But in one afternoon with Claude Code, I built a fully animated onchain card game. Now I'm wiring it up with ChainGPT's AI stack. And you're coming with me 🧵

ChainGPT

29,346 görüntüleme • 2 ay önce

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams
0:48

A designer who can ship code is one of the most valuable hires in tech today. Here's my new episode with Felix Lee (CEO of ADPList) where he showed me how to use Claude Code and Figma MCP to go from: ✅ Figma → Code: Design to website in 15 min ✅ Code → Figma: App back to editable design Felix also demoed a few apps he's designed and built in Claude Code, including a 3D globe website and a landing page analyzer. Some takeaways from Felix: 1. Stop pasting screenshots into Claude Code. Instead, use Figma MCP to pull in all your assets, icons, and images automatically. 2. You can use the same MCP to convert code back into editable Figma layers to explore more variations. 3. An underrated way to build: Use FigJam to plan a flowchart of your app first, then paste the link into Claude Code with the MCP. 📌 Watch now: Thanks to our sponsors: Replit ⠕: Plan, design, and build with AI agents Linear: The AI agent platform for modern teams

Peter Yang

77,115 görüntüleme • 3 ay önce

damn its so easy to go from design -> code with Figma MCP + Claude Code. literally just one click of a button, and the code is ready! still a lot of polishing to do, but this has helped us make development ~50% faster 😁
1:19

damn its so easy to go from design -> code with Figma MCP + Claude Code. literally just one click of a button, and the code is ready! still a lot of polishing to do, but this has helped us make development ~50% faster 😁

Marcel

54,348 görüntüleme • 5 ay önce

Claude Fable 5 took my 4 months of fine-tuning work and made an end-to-end 7-stage pipeline that i can sell. It took 3 hours of /goal. > Built TUI, > html dashboard, > html dataset viewer, > crafted 39 special skills, > wrote 8700 lines of code, > ran 235 tests. And the pipeline in 98% ready in one-shot. Shipping this soon.
0:34

Claude Fable 5 took my 4 months of fine-tuning work and made an end-to-end 7-stage pipeline that i can sell. It took 3 hours of /goal. > Built TUI, > html dashboard, > html dataset viewer, > crafted 39 special skills, > wrote 8700 lines of code, > ran 235 tests. And the pipeline in 98% ready in one-shot. Shipping this soon.

CJ Zafir

77,154 görüntüleme • 27 gün önce

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.
2:00

After testing every AI toolchain for a year, this is the only workflow I'm endorsing: Figma → Claude Code (Sonnet 4.5) Here's how I'm building Lorelight: 1. Design the happy path in Figma 2. Feed it to Claude Code via Figma MCP 3. Get a strong foundation in 15 minutes 4. Spend the next 50+ hours iterating (still design work) The design/dev loop that used to be isolated is finally closing. I even built a complete design system in within minutes. Custom components, living documentation, accessibility rules all from the Figma designs. If you're measuring the effectiveness of these tools by whether they can "one-shot" a design, you're consuming too many AI hype commercials. Log off. Then go actually build something with your hands. With AI. With your taste. Stop trying to "one-shot" good shit. And go make stuff with the new tools. For designers who want to ship real products, this is the stack that's getting it done.

Tommy Geoco

22,905 görüntüleme • 9 ay önce

Сreator of Claude Code just did a 30-minute Claude vibe-coding live session with creator of Bun 32 minutes. free. By the person who built it. 100% of Boris’s code is written by Claude. It's the best vibe-coding masterclass you’ll watch this week. One video replace 10 paid vibe-coding courses.
30:40

Сreator of Claude Code just did a 30-minute Claude vibe-coding live session with creator of Bun 32 minutes. free. By the person who built it. 100% of Boris’s code is written by Claude. It's the best vibe-coding masterclass you’ll watch this week. One video replace 10 paid vibe-coding courses.

Movez

52,402 görüntüleme • 1 ay önce

The Figma MCP is insanely good. First time I used it felt like AGI. Feed designs to the MCP, done. It reads frames, components, variables, layout, and generates close to pixel perfect code. I one-shotted my design in this 150 second video with Devin.
2:47

The Figma MCP is insanely good. First time I used it felt like AGI. Feed designs to the MCP, done. It reads frames, components, variables, layout, and generates close to pixel perfect code. I one-shotted my design in this 150 second video with Devin.

nader dabit

119,205 görüntüleme • 4 ay önce

🚨THIS IS INSANE!! I just built a fully functional arcade game using caffeine in one click 🤯 It took me less than 3 minutes (from typing in to a live app!) and I didn’t even have to create an account! 🤯🤯 Where else can you do this??! Watch me 👇
1:02

🚨THIS IS INSANE!! I just built a fully functional arcade game using caffeine in one click 🤯 It took me less than 3 minutes (from typing in to a live app!) and I didn’t even have to create an account! 🤯🤯 Where else can you do this??! Watch me 👇

AmSpeed⚡️

33,449 görüntüleme • 8 ay önce

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉
1:23

🎨 Introducing Genspark Design The next-gen AI for design and creation, powered by Claude Opus 4.7. From rough idea to professional design, no design background needed. - One tool for everything you design. UI prototypes, videos, HTML animations, posters — all in one place and production-ready. - Stay on-brand with your own design system. Upload your Figma files or save your designs, reuse them across every project, and share them with your team. - Ship it, don't just mock it. Turn any app or website design into working code with one click, built on Genspark Code. Start building at our launch price 👉

Genspark

174,132 görüntüleme • 13 gün önce

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma
0:29

> Send code from Claude > Explore on the canvas > Prototype with AI > Work through feedback > Roundtrip back to code All in Figma

Figma

356,501 görüntüleme • 4 ay önce

We just built Figma for Claude Code > Select any element on your local front-end > Edit it like you would in Figma > Apply the changes with Claude Code This is not a demo or waitlist. Try it today.
0:22

We just built Figma for Claude Code > Select any element on your local front-end > Edit it like you would in Figma > Apply the changes with Claude Code This is not a demo or waitlist. Try it today.

Quentin Romero Lauro

250,676 görüntüleme • 5 ay önce

Obsidian + Claude Code builds a real second brain in 17 minutes. Claude Code reads entire vault, connects notes & builds a knowledge graph of everything you've ever written. Bookmark it. This one actually works.
17:08

Obsidian + Claude Code builds a real second brain in 17 minutes. Claude Code reads entire vault, connects notes & builds a knowledge graph of everything you've ever written. Bookmark it. This one actually works.

0xMarioNawfal

68,173 görüntüleme • 2 ay önce

Claude 3.7 Sonnet with Claude Code creates an entire "glass like" design system in one shot, with ALL the components. How insane is this?
1:17

Claude 3.7 Sonnet with Claude Code creates an entire "glass like" design system in one shot, with ALL the components. How insane is this?

Pietro Schirano

206,507 görüntüleme • 1 yıl önce

Claude Code now designs my mobile apps. Just added one skill and now I vibe design and code from the terminal. Here's the exact workflow I use:
5:47

Claude Code now designs my mobile apps. Just added one skill and now I vibe design and code from the terminal. Here's the exact workflow I use:

Mattia

42,908 görüntüleme • 3 ay önce

Built a Skool clone with Claude Code (Opus 4.5), with auth, db + storage with the new web app builder. (Launching next week). We are building the easiest way to use the most powerful coding model (Claude Code) in the world to build mobile apps and web apps. No performative hour long agent runs that waste tokens. Just raw Claude Code running in a sandbox, pre built with skills that make frontend + backend just work. Let me know if you want to beta test.
2:18

Built a Skool clone with Claude Code (Opus 4.5), with auth, db + storage with the new web app builder. (Launching next week). We are building the easiest way to use the most powerful coding model (Claude Code) in the world to build mobile apps and web apps. No performative hour long agent runs that waste tokens. Just raw Claude Code running in a sandbox, pre built with skills that make frontend + backend just work. Let me know if you want to beta test.

Riley Brown

50,857 görüntüleme • 6 ay önce

Last week, Anthropic dropped the coolest "AI isn't just chat" product. Claude Design lets you describe what you want to Claude and it returns prototypes, slides, and one-pagers by just chatting. You can then export to Canva, PDF, PPT, or hand off to Claude Code. You can give your entire design system and codebase to apply automatically to your project, and can share and collaborate with your team. The direct connect to GitHub will probably be my most used feature. Feels directly like a competitor to Figma or just a way to further boost collaboration with Claude. I built a preview of an app that allows CSGO players to meet and squad up with other players, marketplace for in-game loadouts, and pay high-ranking players to mentor them. (CSGO is a game released in 2012 and still consistently one of the highest watched games on Twitch, extremely popular in esports, highly competitive, and an all-around classic game - I know this because a gen zer talked to me about it for 2 straight hours.) I'll keep sharing more examples here.
1:52

Last week, Anthropic dropped the coolest "AI isn't just chat" product. Claude Design lets you describe what you want to Claude and it returns prototypes, slides, and one-pagers by just chatting. You can then export to Canva, PDF, PPT, or hand off to Claude Code. You can give your entire design system and codebase to apply automatically to your project, and can share and collaborate with your team. The direct connect to GitHub will probably be my most used feature. Feels directly like a competitor to Figma or just a way to further boost collaboration with Claude. I built a preview of an app that allows CSGO players to meet and squad up with other players, marketplace for in-game loadouts, and pay high-ranking players to mentor them. (CSGO is a game released in 2012 and still consistently one of the highest watched games on Twitch, extremely popular in esports, highly competitive, and an all-around classic game - I know this because a gen zer talked to me about it for 2 straight hours.) I'll keep sharing more examples here.

Allie K. Miller

10,586 görüntüleme • 2 ay önce

Figma just became obsolete. one-shots entire UI designs using your Claude Code subscription. - MCP connects to Cursor, Claude Code, or Codex - Fully editable designs - Export to Figma or PNG The kicker? It's completely free right now.
0:27

Figma just became obsolete. one-shots entire UI designs using your Claude Code subscription. - MCP connects to Cursor, Claude Code, or Codex - Fully editable designs - Export to Figma or PNG The kicker? It's completely free right now.

Sanket 🛠️ClawKraft

37,940 görüntüleme • 5 ay önce

Showed my Advanced GIS students Claude Code this week. We built this map of code compliance violations in Fort Worth; heatmap giving way to points on zoom. Used the ArcGIS SDK for JavaScript. Took 10 minutes. Faculty need to be teaching skills for 2026, not for 2016.
0:58

Showed my Advanced GIS students Claude Code this week. We built this map of code compliance violations in Fort Worth; heatmap giving way to points on zoom. Used the ArcGIS SDK for JavaScript. Took 10 minutes. Faculty need to be teaching skills for 2026, not for 2016.

Kyle Walker

177,355 görüntüleme • 5 ay önce

OBA FEMI JUST TOOK OUT BROCK LESNAR FOR THE SECOND WEEK IN A ROW. THIS IS INSANE 😭 #WWERaw
0:29

OBA FEMI JUST TOOK OUT BROCK LESNAR FOR THE SECOND WEEK IN A ROW. THIS IS INSANE 😭 #WWERaw

Tribal Wrestling

55,539 görüntüleme • 3 ay önce

242 variables added in Figma via Claude Code in 2 seconds Imagine doing this manually lol I built a Figma x Claude Code CLI 🔗👇
0:48

242 variables added in Figma via Claude Code in 2 seconds Imagine doing this manually lol I built a Figma x Claude Code CLI 🔗👇

Sil

26,773 görüntüleme • 4 ay önce