Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:00:26
    1. Welcome!
  2. Урок 2. 00:00:37
    2. AI & Design Systems Benefits Infomercial
  3. Урок 3. 00:01:43
    3. Course Goals & Outcomes
  4. Урок 4. 00:01:47
    4. Who This Course Is For
  5. Урок 5. 00:03:09
    5. Meet Your Teachers
  6. Урок 6. 00:01:27
    6. Our Collective AI Experience
  7. Урок 7. 00:13:26
    7. Principles & Our Approach to AI
  8. Урок 8. 00:03:07
    8. What To Expect
  9. Урок 9. 00:02:09
    9. A quick note about how we're creating this course
  10. Урок 10. 00:01:42
    10. Chapter 1 Introduction
  11. Урок 11. 00:04:54
    11. How did we get here A brief history of technology & computing
  12. Урок 12. 00:09:38
    12. History of design systems
  13. Урок 13. 00:02:25
    13. AI as mortar for design system foundations
  14. Урок 14. 00:02:11
    14. Design system definition
  15. Урок 15. 00:02:30
    15. A design system's ingredients
  16. Урок 16. 00:01:49
    16. The value of design systems
  17. Урок 17. 00:02:59
    17. What's hard about design systems
  18. Урок 18. 00:10:04
    18. A Brief History of AI
  19. Урок 19. 00:01:38
    19. LLM Overview
  20. Урок 20. 00:14:58
    20. LLMs in Action
  21. Урок 21. 00:00:53
    21. AI for Digital Product Work
  22. Урок 22. 00:02:59
    22. The Value of AI
  23. Урок 23. 00:05:25
    23. What's Hard About AI
  24. Урок 24. 00:01:19
    24. Design systems + AI Overview
  25. Урок 25. 00:01:00
    25. DS+AI Use Cases
  26. Урок 26. 00:00:45
    26. Redefining Digital Process
  27. Урок 27. 00:00:26
    27. Tools Orientation Intro
  28. Урок 28. 00:00:34
    28. Design System Tools Intro
  29. Урок 29. 00:00:33
    29. Figma Intro
  30. Урок 30. 00:04:33
    30. Figma Component Walkthrough
  31. Урок 31. 00:03:33
    31. Figma Variables Walkthrough
  32. Урок 32. 00:00:47
    32. Code and Storybook Intro
  33. Урок 33. 00:05:49
    33. Code and Storybook Walkthrough
  34. Урок 34. 00:01:15
    34. Publishing a Component Library in Code
  35. Урок 35. 00:03:38
    35. Documentation Tools
  36. Урок 36. 00:00:56
    36. Design System Tools Summary
  37. Урок 37. 00:00:45
    37. AI Tooling Overview Introduction
  38. Урок 38. 00:02:13
    38. What are LLMs and how do they work
  39. Урок 39. 00:00:42
    39. What LLMs are not
  40. Урок 40. 00:02:40
    40. Major LLM players, overview, and features
  41. Урок 41. 00:02:21
    41. How we actually use LLMs
  42. Урок 42. 00:00:21
    42. AI Supporting Tools Introduction
  43. Урок 43. 00:01:32
    43. Agents
  44. Урок 44. 00:01:17
    44. Subagents
  45. Урок 45. 00:02:34
    45. MCPs
  46. Урок 46. 00:01:39
    46. Why MCPs matter
  47. Урок 47. 00:01:11
    47. Skills
  48. Урок 48. 00:00:41
    48. How it all connects
  49. Урок 49. 00:01:51
    49. AI Tools Recap
  50. Урок 50. 00:01:01
    50. Chapter 1 Review
  51. Урок 51. 00:01:45
    51. Chapter 1 Homework & Next Steps
  52. Урок 52. 00:01:27
    52. Chapter 2 Introduction
  53. Урок 53. 00:01:58
    53. Installing Claude Desktop
  54. Урок 54. 00:02:02
    54. Installing Cursor
  55. Урок 55. 00:00:58
    55. Claude Code
  56. Урок 56. 00:02:16
    56. Other Tools
  57. Урок 57. 00:00:32
    57. API Keys Introduction
  58. Урок 58. 00:01:24
    58. Claude API Keys
  59. Урок 59. 00:00:58
    59. OpenAI API Keys
  60. Урок 60. 00:00:54
    60. Gemini API Keys
  61. Урок 61. 00:01:09
    61. Figma Personal Access Tokens
  62. Урок 62. 00:00:19
    62. Configuration Introduction
  63. Урок 63. 00:02:46
    63. Configuring Cursor
  64. Урок 64. 00:01:17
    64. Installing Figma MCP in Cursor
  65. Урок 65. 00:01:47
    65. Installing Figma MCP in Claude Desktop
  66. Урок 66. 00:06:51
    66. Figma MCP Connectors, Plugins, and Skills
  67. Урок 67. 00:03:05
    67. Why Git Matters in the AI Age
  68. Урок 68. 00:01:53
    68. Git Definition
  69. Урок 69. 00:01:17
    69. Installing Git
  70. Урок 70. 00:01:19
    70. A Quick Note About Access and Security
  71. Урок 71. 00:02:27
    71. Creating a GitHub Account
  72. Урок 72. 00:02:11
    72. Installing GitHub CLI
  73. Урок 73. 00:03:59
    73. Git Core Concepts Cheat Sheet
  74. Урок 74. 00:01:56
    74. Git Demo Making A New Website
  75. Урок 75. 00:02:35
    75. Git Init & Interacting With Git
  76. Урок 76. 00:02:25
    76. Git Commit & History
  77. Урок 77. 00:06:14
    77. AI-Generated Code & Git Commits
  78. Урок 78. 00:02:28
    78. Publishing Respository To GitHub
  79. Урок 79. 00:01:09
    79. Adding GitHub Collaborators
  80. Урок 80. 00:02:56
    80. Creating A New Branch
  81. Урок 81. 00:02:15
    81. Publishing A New Branch
  82. Урок 82. 00:03:56
    82. Merging & Pull Requests
  83. Урок 83. 00:01:29
    83. Syncing Changes From GitHub
  84. Урок 84. 00:01:33
    84. Git Concepts Recap
  85. Урок 85. 00:01:01
    85. Creating GitHub Issues
  86. Урок 86. 00:09:14
    86. Supercharging GitHub Issues with AI
  87. Урок 87. 00:01:13
    87. Chapter 2 Summary
  88. Урок 88. 00:01:30
    88. Chapter 2 Homework & Next Steps
  89. Урок 89. 00:01:33
    89. Chapter 3 Introduction
  90. Урок 90. 00:02:30
    90. Creating Design Systems
  91. Урок 91. 00:07:36
    91. Soul Patrol Design System Walkthrough
  92. Урок 92. 00:01:43
    92. The Check Engine Light For Design Systems
  93. Урок 93. 00:03:17
    93. Auditing Design Systems with AI
  94. Урок 94. 00:01:27
    94. Introducing & Configuring FigmaLint
  95. Урок 95. 00:04:58
    95. Analyzing a Component with FigmaLint
  96. Урок 96. 00:03:44
    96. Fixing Component Issues with FigmaLint
  97. Урок 97. 00:07:12
    97. Improving Soul Patrol components with FigmaLint
  98. Урок 98. 00:02:34
    98. Assessment Tools
  99. Урок 99. 00:01:47
    99. Assessment Considerations
  100. Урок 100. 00:03:12
    100. Figma MCP - Installing into Claude Desktop App
  101. Урок 101. 00:02:56
    101. Figma MCP - Installing Into Claude Code in the Terminal
  102. Урок 102. 00:05:52
    102. Figma MCP - Translating Figma Component into Code
  103. Урок 103. 00:05:20
    103. Figma MCP - Translating Component Variant in Code Into Figma
  104. Урок 104. 00:03:57
    104. Figma Console MCP - Install into Claude Code
  105. Урок 105. 00:07:29
    105. Figma Console MCP - Assessing Component Synchronization in Design and Code
  106. Урок 106. 00:06:14
    106. Figma Console MCP - Bidirectional Figma and Code Component Changes From Assessment
  107. Урок 107. 00:06:27
    107. Figma Console MCP - Create New Tokens
  108. Урок 108. 00:02:36
    108. Figma Console MCP - Implement New Tokens Into Figma Component Library
  109. Урок 109. 00:07:35
    109. Figma Console MCP - Translate New Tokens Into Code and Storybook
  110. Урок 110. 00:02:48
    110. Design Systems Assistant Overview
  111. Урок 111. 00:07:22
    111. Connecting The Design Systems Assistant to ChatGPT
  112. Урок 112. 00:08:20
    112. Documentation Integrating Grammarly with Design Systems
  113. Урок 113. 00:07:34
    113. Using MCP Apps with Figma Console MCP To Analyze Design System
  114. Урок 114. 00:08:26
    114. Installing Figma Console MCP
  115. Урок 115. 00:07:59
    115. Part 1 Why Figma Console MCP
  116. Урок 116. 00:09:23
    116. Part 2 From System-Wide Awareness to Pinpoint Precision
  117. Урок 117. 00:09:50
    117. Part 3 Figma Console MCP vs. Dev Mode MCP – Component Creation
  118. Урок 118. 00:08:01
    118. Part 4 Unlocking Full Variable Access
  119. Урок 119. 00:07:30
    119. Part 5 Plugin Development and AI Feedback Loops
  120. Урок 120. 00:14:17
    120. Using the Figma Console MCP Effectively
  121. Урок 121. 00:13:47
    121. Figma Console MCP Capabilities
  122. Урок 122. 00:10:05
    122. Using Figma Console MCP for Enterprise Design System Applications
  123. Урок 123. 00:06:08
    123. Implementing Code-Only Props Technique with Figma Console MCP
  124. Урок 124. 00:11:48
    124. Figma Console MCP Design To Code Demo
  125. Урок 125. 00:08:47
    125. Figma Console MCP Code To Design - Fixing Drift
  126. Урок 126. 00:15:56
    126. Figma Console MCP in Claude Code to Convert Storybook Story to Figma pattern
  127. Урок 127. 00:10:45
    127. Figma Console MCP Design Creation
  128. Урок 128. 00:09:08
    128. Accessible Design and Code Automation with Figma Console MCP
  129. Урок 129. 00:11:34
    129. Figma Console MCP Codex Setup
  130. Урок 130. 00:13:34
    130. Figma Console MCP Cloud Mode Feature
  131. Урок 131. 00:12:00
    131. Figma Component Documentation Using Figma Console MCP
  132. Урок 132. 00:07:47
    132. Figma Console MCP Bi-Directional Demo
  133. Урок 133. 00:08:41
    133. Figma Console MCP Remote Tool Overview
  134. Урок 134. 00:08:21
    134. Using Figma MCP with Claude Code
  135. Урок 135. 00:06:40
    135. Using the Figma MCP and Design Systems Assistant
  136. Урок 136. 00:06:38
    136. Figma MCP → Web Components → React Storybook → Story UI
  137. Урок 137. 00:06:15
    137. Using Claude Desktop with Figma MCP, Story UI, and Design Systems Assistant
  138. Урок 138. 00:11:14
    138. Figma MCP Write Functionality
  139. Урок 139. 00:08:53
    139. Figma MCP Beta Features
  140. Урок 140. 00:01:23
    140. Chapter 4 Introduction
  141. Урок 141. 00:15:07
    141. Using Figma MCP to Generate a DS-Powered Login Page
  142. Урок 142. 00:03:20
    142. Story UI with Soul Patrol Design System Introduction
  143. Урок 143. 00:05:24
    143. Installing Story UI into Soul Patrol Design System
  144. Урок 144. 00:05:15
    144. Using Story UI to Create Sign In Page
  145. Урок 145. 00:00:42
    145. Introducing Storybook MCP
  146. Урок 146. 00:02:28
    146. Installing & Configuring Storybook MCP
  147. Урок 147. 00:03:38
    147. Running Storybook MCP
  148. Урок 148. 00:01:31
    148. Generating a Login Form with Storybook MCP
  149. Урок 149. 00:19:45
    149. Understanding AI-Generated Interfaces with A2UI
  150. Урок 150. 00:01:34
    150. Chapter 6 Introduction
  151. Урок 151. 00:39:14
    151. LLMs in Action - Full Session
  152. Урок 152. 00:14:59
    152. Storybook MCP Demo with Founder Dominic Nguyen
  153. Урок 153. 00:08:45
    153. Linting Components with FigmaLint
  154. Урок 154. 00:11:01
    154. Figma Lint AI Model Integration and Features
  155. Урок 155. 01:01:15
    155. AI that knows (and uses) your design system
  156. Урок 156. 00:10:11
    156. Installing Story UI Into Existing Custom Design System in Storybook
  157. Урок 157. 00:06:15
    157. Story UI and Claude Desktop
  158. Урок 158. 00:07:13
    158. Cursor Features and Story UI
  159. Урок 159. 00:11:59
    159. Agentic Design Systems in 2026 with Storybook - Intro from Dominic Nguyen
  160. Урок 160. 00:08:55
    160. Agentic Design Systems in 2026 - Storybook MCP
  161. Урок 161. 00:10:39
    161. Story UI Voice Canvas
  162. Урок 162. 02:04:21
    162. Into Design Systems - Vibe Coding Jam November 2025
  163. Урок 163. 01:22:55
    163. Jam Session 1 - February 12th, 2026
  164. Урок 164. 01:19:27
    164. Jam Session 2 - February 26th, 2026
  165. Урок 165. 01:33:13
    165. 3 - Design Tokens, Into Design Systems recap - March 12th, 2026
  166. Урок 166. 01:14:21
    166. 5 Multi-agent orchestration, responsible & ethical AI development - April 7, 2026
  167. Урок 167. 01:20:45
    167. 6 DESIGN.md, Claude Design, and more - May 7, 2026
  168. Урок 168. 01:14:07
    168. 7 - LLMs in Browsers, LocalizationAsset Sync, Agent guidance - May 21st, 2026
  169. Урок 169. 00:00:58
    169. Intro
  170. Урок 170. 00:03:49
    170. Our Design Systems and AI Experience
  171. Урок 171. 00:02:39
    171. Grounded in Reality and Respect
  172. Урок 172. 00:01:34
    172. Moving Beyond the AI Hype Cycle
  173. Урок 173. 00:04:23
    173. Course Outline
  174. Урок 174. 00:01:30
    174. Join The Community
  175. Урок 175. 00:02:20
    175. Who This Course Is For2
  176. Урок 176. 00:03:59
    176. Nuance and Responsibility around AI
  177. Урок 177. 00:01:29
    177. Expectations and Next Steps