[ WebToolTip.com ] Udemy - Claude AI UI - UX - Complete Workflow from Brief to Figma

File Name

Size

Get Bonus Downloads Here.url

180 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

~Get Your Files Here !/1 - Module 0 · Kickoff & Tools — Mindset, Market & Your AI Toolkit/2. Part 2 · The AI context engine & director mindset, tools & accounts.mp4

16 MB

~Get Your Files Here !/1 - Module 0 · Kickoff & Tools — Mindset, Market & Your AI Toolkit/3. Part 3 · Course overview 20 steps, 8 phases, 3 work zones.mp4

8.9 MB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/4. Lesson 0 · Meet the toolkit & the sample project folder.mp4

7.0 MB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/5. Lesson 1 · Re-interrogate the brief & lock framing — live in Claude Cowork.mp4

110 MB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/CLAUDE.md

1.6 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/Pika_Task_Continuation_Summary.md

7.5 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/_CLAUDE.md

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/_Pika_Task_Continuation_Summary.md

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/_claude-design-prompt.md

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/_master-spec.md

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/_.DS_Store

120 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_README.md

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-booking-detail-hero.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-gift-detail-towel-hero.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-gift-free-hour.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-gift-grip-tape.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-gift-pika-towel.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-gift-voucher-5.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-gift-voucher-paddle.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-gift-water-bottle.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-guest-thumb-district1.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-guest-thumb-district7.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-guest-thumb-thaodien.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-home-hero-next-booking.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-home-thumb-district1.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-home-thumb-district7.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-home-thumb-thaodien.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-location-cover-binhthanh.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-location-cover-district1.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-location-cover-district7.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-location-cover-thaodien.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-location-detail-hero.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-reward-pika-towel.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_img-reward-water-bottle.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_pika-img-placeholders-contact-sheet.png

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/images/_pika-img-placeholders-manifest.csv

212 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/logo/_pika-logo.png

555 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/moodboard/_.DS_Store

120 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/moodboard/_5d98848f6df1da25fcbcb8025f665154.jpg

409 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/moodboard/_8539220e3fba78f702a28a613b6a6a79.jpg

409 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/assets/moodboard/_90c1f240d7c61d5b9683f7f564605854.jpg

409 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/brief/_.DS_Store

120 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/brief/_brief-file.png

233 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/_.DS_Store

120 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/ubox-check/_code.js

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/ubox-check/_manifest.json

184 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/ubox-check/_ui.html

184 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/ubox-foundation-style/_code.js

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/ubox-foundation-style/_manifest.json

184 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/ubox-foundation-style/_ui.html

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/ubox-importoken/_code.js

184 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/ubox-importoken/_manifest.json

184 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/plugins/ubox-importoken/_ui.html

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/reference/_process-flow.html

219 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/research/_01-brief.md

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/research/_02-business.md

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/research/_03-structure.md

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/research/_04-moodboard.md

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/research/_pika-sitemap.pdf

233 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/research/_sitemap-tree.html

176 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/tokens/_1-primitive.json

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/tokens/_2-semantic.json

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/tokens/_3-component.json

163 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/__MACOSX/ui-html/_Pika-UI-Standalone.html

219 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/DS_Store

6.0 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/README.md

375 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-booking-detail-hero.png

38 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-gift-detail-towel-hero.png

52 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-gift-free-hour.png

11 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-gift-grip-tape.png

9.7 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-gift-pika-towel.png

7.7 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-gift-voucher-5.png

9.2 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-gift-voucher-paddle.png

10 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-gift-water-bottle.png

8.1 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-guest-thumb-district1.png

9.8 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-guest-thumb-district7.png

9.6 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-guest-thumb-thaodien.png

12 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-home-hero-next-booking.png

34 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-home-thumb-district1.png

7.5 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-home-thumb-district7.png

8.2 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-home-thumb-thaodien.png

9.9 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-location-cover-binhthanh.png

22 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-location-cover-district1.png

22 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-location-cover-district7.png

23 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-location-cover-thaodien.png

29 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-location-detail-hero.png

50 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-reward-pika-towel.png

9.8 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/img-reward-water-bottle.png

8.8 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/pika-img-placeholders-contact-sheet.png

291 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/images/pika-img-placeholders-manifest.csv

2.4 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/logo/pika-logo.png

830 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/moodboard/5d98848f6df1da25fcbcb8025f665154.jpg

58 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/moodboard/8539220e3fba78f702a28a613b6a6a79.jpg

36 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/moodboard/90c1f240d7c61d5b9683f7f564605854.jpg

40 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/assets/moodboard/DS_Store

6.0 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/brief/DS_Store

6.0 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/brief/brief-file.png

236 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/claude-design-prompt.md

3.2 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/master-spec.md

22 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/DS_Store

6.0 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/ubox-check/code.js

79 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/ubox-check/manifest.json

433 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/ubox-check/ui.html

24 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/ubox-foundation-style/code.js

72 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/ubox-foundation-style/manifest.json

275 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/ubox-foundation-style/ui.html

7.7 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/ubox-importoken/code.js

8.6 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/ubox-importoken/manifest.json

244 B

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/plugins/ubox-importoken/ui.html

6.3 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/reference/process-flow.html

83 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/research/01-brief.md

11 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/research/02-business.md

16 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/research/03-structure.md

18 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/research/04-moodboard.md

5.0 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/research/pika-sitemap.pdf

38 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/research/sitemap-tree.html

12 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/tokens/1-primitive.json

17 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/tokens/2-semantic.json

21 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/tokens/3-component.json

29 kB

~Get Your Files Here !/2 - Phase 1 · Brief & Frame — Read the Brief to Find the Gaps/ui-html/Pika-UI-Standalone.html

1.3 MB

~Get Your Files Here !/3 - Phase 2 · Understand Business & User — Think Before You Draw/6. Business model, competitors, North Star & 4 personas — with Claude.mp4

83 MB

~Get Your Files Here !/4 - Phase 3 · Structure & Content — Features, Sitemap & Flows/7. Features, 5-tab sitemap, user flows & content — then read the mood board.mp4

99 MB

~Get Your Files Here !/5 - Phase 4 · Produce UI — Hi-Fi Screens with Claude Design/10. 4.2 · Generate the hi-fi UI with Claude Design.mp4

45 MB

~Get Your Files Here !/5 - Phase 4 · Produce UI — Hi-Fi Screens with Claude Design/11. 4.3 · Refine with visual feedback & export the whole app to HTML.mp4

82 MB

~Get Your Files Here !/5 - Phase 4 · Produce UI — Hi-Fi Screens with Claude Design/8. 4.0 · Lock the mood board & asset strategy.mp4

29 MB

~Get Your Files Here !/5 - Phase 4 · Produce UI — Hi-Fi Screens with Claude Design/9. 4.1 · Pack everything into one master spec + design prompt.mp4

14 MB

~Get Your Files Here !/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

76 MB

~Get Your Files Here !/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

152 MB

~Get Your Files Here !/8 - Phase 7 · Componentize via Figma MCP — Components with States/14. Build components with Claude + Figma MCP & swap them into the UI.mp4

123 MB

~Get Your Files Here !/9 - Phase 8 · Prototype & Handoff — Ship It/15. Pika-Final.fig

18 MB

~Get Your Files Here !/9 - Phase 8 · Prototype & Handoff — Ship It/15. Wire the clickable prototype, test every flow & package the dev handoff.mp4

28 MB

~Get Your Files Here !/Bonus Resources.txt

70 B