Udemy - Claude AI UI - UX - Complete Workflow from Brief to Figma

seeders: 2
leechers: 18
Added 15 hours ago by freecoursewb in Other

Download Fast Safe Anonymous
movies, software, shows...

Files

Udemy - Claude AI UI - UX - Complete Workflow from Brief to Figma (Size: 900.8 MB)
  Bonus Resources.txt 102.4 B
  Get Bonus Downloads Here.url 204.8 B
  ~Get Your Files Here !
  1 - Module 0 · Kickoff & Tools — Mindset, Market & Your AI Toolkit
  1. Part 1 · Meet your instructor & how the design market got here.mp4 7.5 MB
  2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps
  4. Lesson 0 · Meet the toolkit & the sample project folder.mp4 7 MB
  5. Lesson 1 · Re-interrogate the brief & lock framing — live in Claude Cowork.mp4 110.4 MB
  CLAUDE.md 1.6 KB
  Pika_Task_Continuation_Summary.md 7.5 KB
  __MACOSX
  _CLAUDE.md 204.8 B
  _Pika_Task_Continuation_Summary.md 204.8 B
  _claude-design-prompt.md 204.8 B
  _master-spec.md 204.8 B
  assets
  _.DS_Store 102.4 B
  images
  _README.md 204.8 B
  _img-booking-detail-hero.png 204.8 B
  _img-gift-detail-towel-hero.png 204.8 B
  _img-gift-free-hour.png 204.8 B
  _img-gift-grip-tape.png 204.8 B
  _img-gift-pika-towel.png 204.8 B
  _img-gift-voucher-5.png 204.8 B
  _img-gift-voucher-paddle.png 204.8 B
  _img-gift-water-bottle.png 204.8 B
  _img-guest-thumb-district1.png 204.8 B
  _img-guest-thumb-district7.png 204.8 B
  _img-guest-thumb-thaodien.png 204.8 B
  _img-home-hero-next-booking.png 204.8 B
  _img-home-thumb-district1.png 204.8 B
  _img-home-thumb-district7.png 204.8 B
  _img-home-thumb-thaodien.png 204.8 B
  _img-location-cover-binhthanh.png 204.8 B
  _img-location-cover-district1.png 204.8 B
  _img-location-cover-district7.png 204.8 B
  _img-location-cover-thaodien.png 204.8 B
  _img-location-detail-hero.png 204.8 B
  _img-reward-pika-towel.png 204.8 B
  _img-reward-water-bottle.png 204.8 B
  _pika-img-placeholders-contact-sheet.png 204.8 B
  _pika-img-placeholders-manifest.csv 204.8 B
  logo
  _pika-logo.png 512 B
  moodboard
  _.DS_Store 102.4 B
  _5d98848f6df1da25fcbcb8025f665154.jpg?042148 409.6 B
  _8539220e3fba78f702a28a613b6a6a79.jpg?042148 409.6 B
  _90c1f240d7c61d5b9683f7f564605854.jpg?042148 409.6 B
  brief
  _.DS_Store 102.4 B
  _brief-file.png 204.8 B
  plugins
  _.DS_Store 102.4 B
  ubox-check
  _code.js 204.8 B
  _manifest.json 204.8 B
  _ui.html 204.8 B
  ubox-foundation-style
  _code.js 204.8 B
  _manifest.json 204.8 B
  _ui.html 204.8 B
  ubox-importoken
  _code.js 204.8 B
  _manifest.json 204.8 B
  _ui.html 204.8 B
  reference
  _process-flow.html 204.8 B
  research
  _01-brief.md 204.8 B
  _02-business.md 204.8 B
  _03-structure.md 204.8 B
  _04-moodboard.md 204.8 B
  _pika-sitemap.pdf 204.8 B
  _sitemap-tree.html 204.8 B
  tokens
  _1-primitive.json 204.8 B
  _2-semantic.json 204.8 B
  _3-component.json 204.8 B
  ui-html
  _Pika-UI-Standalone.html 204.8 B
  assets
  DS_Store 6 KB
  images
  README.md 409.6 B
  img-booking-detail-hero.png 37.7 KB
  img-gift-detail-towel-hero.png 51.8 KB
  img-gift-free-hour.png 11.4 KB
  img-gift-grip-tape.png 9.7 KB
  img-gift-pika-towel.png 7.7 KB
  img-gift-voucher-5.png 9.2 KB
  img-gift-voucher-paddle.png 10.1 KB
  img-gift-water-bottle.png 8.1 KB
  img-guest-thumb-district1.png 9.8 KB
  img-guest-thumb-district7.png 9.6 KB
  img-guest-thumb-thaodien.png 12.1 KB
  img-home-hero-next-booking.png 33.6 KB
  img-home-thumb-district1.png 7.5 KB
  img-home-thumb-district7.png 8.2 KB
  img-home-thumb-thaodien.png 9.9 KB
  img-location-cover-binhthanh.png 21.9 KB
  img-location-cover-district1.png 22.4 KB
  img-location-cover-district7.png 22.9 KB
  img-location-cover-thaodien.png 28.8 KB
  img-location-detail-hero.png 49.7 KB
  img-reward-pika-towel.png 9.8 KB
  img-reward-water-bottle.png 8.8 KB
  logo
  moodboard
  5d98848f6df1da25fcbcb8025f665154.jpg?042148 57.8 KB
  8539220e3fba78f702a28a613b6a6a79.jpg?042148 35.5 KB
  90c1f240d7c61d5b9683f7f564605854.jpg?042148 40.1 KB
  DS_Store 6 KB
  brief
  DS_Store 6 KB
  brief-file.png 236.4 KB
  claude-design-prompt.md 3.2 KB
  master-spec.md 21.6 KB
  plugins
  DS_Store 6 KB
  ubox-check
  code.js 78.9 KB
  manifest.json 409.6 B
  ubox-foundation-style
  code.js 72.2 KB
  manifest.json 307.2 B
  ubox-importoken
  code.js 8.6 KB
  manifest.json 204.8 B
  reference
  process-flow.html 83.4 KB
  research
  01-brief.md 10.6 KB
  02-business.md 16.4 KB
  03-structure.md 18.2 KB
  04-moodboard.md 5 KB
  pika-sitemap.pdf 38 KB
  sitemap-tree.html 11.7 KB
  tokens
  1-primitive.json 17.3 KB
  2-semantic.json 20.6 KB
  3-component.json 29.4 KB
  ui-html
  3 - Phase 2 · Understand Business & User — Think Before You Draw
  4 - Phase 3 · Structure & Content — Features, Sitemap & Flows
  5 - Phase 4 · Produce UI — Hi-Fi Screens with Claude Design
  10. 4.2 · Generate the hi-fi UI with Claude Design.mp4 44.6 MB
  11. 4.3 · Refine with visual feedback & export the whole app to HTML.mp4 81.5 MB
  6 - Phase 5 · Systemize in Cowork — Your Own Design System
  12. Sync the HTML UI into 3 token files & 3 Figma plugins — in Cowork.mp4 75.5 MB
  7 - Phase 6 · Build the Base in Figma — Tokens, Styles & Screens
  13. Import tokens, styles & the HTML UI into Figma, then run the Check plugin.mp4 151.8 MB
  8 - Phase 7 · Componentize via Figma MCP — Components with States
  14. Build components with Claude + Figma MCP & swap them into the UI.mp4 123.4 MB
  9 - Phase 8 · Prototype & Handoff — Ship It
  15. Pika-Final.fig 18.5 MB
  15. Wire the clickable prototype, test every flow & package the dev handoff.mp4 27.9 MB
  8. 4.0 · Lock the mood board & asset strategy.mp4 28.7 MB
  9. 4.1 · Pack everything into one master spec + design prompt.mp4 13.8 MB
  7. Features, 5-tab sitemap, user flows & content — then read the mood board.mp4 98.8 MB
  6. Business model, competitors, North Star & 4 personas — with Claude.mp4 83 MB
  Pika-UI-Standalone.html 1.3 MB
  ui.html 6.3 KB
  ui.html 7.7 KB
  ui.html 23.8 KB
  pika-logo.png 830.5 KB
  pika-img-placeholders-contact-sheet.png 290.8 KB
  pika-img-placeholders-manifest.csv 2.4 KB
  2. Part 2 · The AI context engine & director mindset, tools & accounts.mp4 15.6 MB
  3. Part 3 · Course overview 20 steps, 8 phases, 3 work zones.mp4 8.9 MB

Description


Claude AI UI/UX: Complete Workflow from Brief to Figma
https://WebToolTip.com
Published 7/2026

Created by Ubox Design

MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz, 2 Ch

Level: All Levels | Genre: eLearning | Language: English | Duration: 15 Lectures ( 1h 20m ) | Size: 900 MB
One real project in Claude Cowork, Claude Design & Figma MCP: brief → research → hi-fi UI → design system → prototype
What you'll learn

⚡ Run a complete UI/UX project end-to-end: from a rough client brief to a hi-fi Figma design with a clickable prototype ready for developer handoff

⚡ Use Claude AI (Cowork) to dissect a brief, research the business and users, and build personas, feature lists, sitemaps and user flows

⚡ Generate hi-fi UI with Claude Design from one master spec file, refine it with visual feedback, and export the whole app as HTML

⚡ Turn AI-generated UI into a real design system: W3C 3-tier tokens, Figma variables, text and effect styles, and a component library

⚡ Automate Figma with Figma MCP: build components with full states, swap instances into your screens, and wire a clickable prototype

⚡ Adopt the "AI is the engine, you are the director" mindset — use gate checkpoints so AI speeds you up without lowering quality
Requirements

❗ Basic familiarity with Figma (a free account is enough) — you don't need to be an expert

❗ A Claude account with the desktop app — Cowork requires a paid plan (Pro at minimum, Max recommended for heavy use)

❗ No coding skills required — everything is done with prompts, plugins and guided step-by-step workflows

Related Torrents

torrent name size uploader age seed leech
17
8
23
12
0