Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
---
title: "Code containers in the Design system platform | February 2026"
publishedAt: "2026-03-16T15:28:09Z"
image: "./poster.jpg"
dateAdded: "2026-04-03"
poster: "./poster.jpg"
videoUrl: "https://www.youtube.com/watch?v=ASIWsvvKnns"
localImages: true
tags: ["Unsorted"]
categories: ["Video"]
duration: "0:02:59"
privacyStatus: "public"
draft: true
speakers: ["Unsorted"]
---
📦 Introducing Code Containers in Supernova's Design System Platform!

Manage and track all your uploaded code containers in one centralized location. This new read-only view gives design system teams complete visibility into their prototyping infrastructure—see all container versions, connected contexts, and dependencies at a glance.

What's New:
✨ Centralized list of all uploaded code containers
📊 Version history tracking for each container
🔗 View shared contexts using specific containers
🎯 New "Portal Create" section in navigation
👁️ Clear overview of components, dependencies & configurations

Coming soon: Full content visibility showing components, templates, and patterns inside each container!

Note: This is Enterprise feature - contact us to learn more https://www.supernova.io/request-a-demo
----------
Learn more about Supernova 👉 https://supernova.io
Follow Supernova on Twitter 👉 https://twitter.com/supernova_io
Follow Supernova on LinkedIn 👉 https://www.linkedin.com/company/supernova-io/
Join the Supernova Friends Slack 👉 https://bit.ly/3Pe84Mh
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 28 additions & 0 deletions src/content/media/connect-your-design-system-to-ai-tools/index.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
---
title: "Connect your design system to AI tools using zeroheight remote MCP"
publishedAt: "2026-03-20T16:39:19Z"
image: "./poster.jpg"
dateAdded: "2026-04-03"
poster: "./poster.jpg"
videoUrl: "https://www.youtube.com/watch?v=u5vpqx8eHOA"
localImages: true
tags: ["Unsorted"]
categories: ["Video"]
duration: "0:07:55"
privacyStatus: "public"
draft: true
speakers: ["Unsorted"]
---
Learn how to connect your zeroheight design system to ChatGPT and Claude Code using the remote MCP server — and how to share access with your whole team.

Learn more:
→ zeroheight MCP overview: https://help.zeroheight.com/hc/en-us/articles/48004395674011-zeroheight-MCP-overview
→ Set up the remote MCP server: https://help.zeroheight.com/hc/en-us/articles/43737291730331-Set-up-the-remote-MCP-server
→ Connect your AI coding tool to a zeroheight design system: https://help.zeroheight.com/hc/en-us/articles/48004792583195-Connect-your-AI-tool-to-a-zeroheight-design-system

zeroheight: https://bit.ly/3DEvORN

Find us on social:
Twitter: https://twitter.com/zeroheight
https://www.linkedin.com/company/zeroheight/
Instagram: https://www.instagram.com/zeroheighthq
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions src/content/media/have-you-claimed-your-child-trust-fund/index.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
---
title: "Have you claimed your Child Trust Fund yet?"
publishedAt: "2026-03-11T12:00:47Z"
image: "./poster.jpg"
dateAdded: "2026-04-03"
poster: "./poster.jpg"
videoUrl: "https://www.youtube.com/watch?v=OAsyEJ9BnLQ"
localImages: true
tags: ["Unsorted"]
categories: ["Video"]
duration: "0:01:09"
privacyStatus: "public"
draft: true
speakers: ["Unsorted"]
---

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 40 additions & 0 deletions src/content/media/how-to-choose-the-right-ai-coding/index.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
---
title: "How to Choose the Right AI Coding Tool (It's Not About Hype)"
publishedAt: "2026-03-16T10:00:32Z"
image: "./poster.jpg"
dateAdded: "2026-04-03"
poster: "./poster.jpg"
videoUrl: "https://www.youtube.com/watch?v=VRiOxLsQ2Fo"
localImages: true
tags: ["Unsorted"]
categories: ["Video"]
duration: "0:04:06"
privacyStatus: "public"
draft: true
speakers: ["Unsorted"]
---
Not all vibe-coding platforms are built for the same job. The best tool depends on what you're building and where you're building it—not what's trending.

Quick Guide:
🔹 Technical teams working in existing codebases → Cursor or Claude
🔹 Rapid prototyping new projects from scratch → Lovable or v0
🔹 Evolving products with established design systems → Supernova

The Key Insight:
In established companies, the challenge isn't generating something that looks good. It's generating something that actually fits your real product context. The moment you have to say "ignore the UI, focus on the idea," you've already lost significant value.

Choose your platform based on your environment, your design system, and your team's needs and not the hype cycle.

0:00 - Why another vibe-coding platform?
0:33 - The problem with generic AI coding tools
1:01 - How Supernova is different
1:30 - Grounded in your design system
2:00 - Faster handoff to engineers
2:35 - Supernova vs Cursor/Claude vs Lovable/v0
3:08 - Who should use what tool
3:39 - Try Supernova
----------
Learn more about Supernova 👉 https://supernova.io
Follow Supernova on Twitter 👉 https://twitter.com/supernova_io
Follow Supernova on LinkedIn 👉 https://www.linkedin.com/company/supernova-io/
Join the Supernova Friends Slack 👉 https://bit.ly/3Pe84Mh
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
---
title: "Luis Ouriach - How are design systems changing?"
publishedAt: "2026-03-10T12:17:51Z"
image: "./poster.jpg"
dateAdded: "2026-04-03"
poster: "./poster.jpg"
videoUrl: "https://www.youtube.com/watch?v=Pn2G7JhxNKc"
localImages: true
tags: ["Unsorted"]
categories: ["Video"]
duration: "0:55:11"
privacyStatus: "public"
draft: true
speakers: ["Unsorted"]
---
Today's episode is with Luis Ouriach (https://x.com/disco_lu) whose role as a designer advocate at Figma means he's constantly helping teams navigate this rapidly changing landscape... especially when it comes to design systems.
So we're going to do a deep dive into the trends he's noticing and what it all means for designers.

Some highlights:

- How design systems are changing with AI
- Luis’s ideas around agentic design systems
- Pitfalls to avoid when adopting AI with your team
- What trends we can ignore vs. what is really important
- Luis’s journey as a builder and his career plan moving forward
- What Figma's new integration with Claude and Codex unlocks

Luis’s agentic design systems article: https://medium.com/@disco_lu/building-agentic-design-systems-the-future-of-ai-enhanced-design-6ad0470cf1e3

Dive is where the best designers never stop learning 🤿

🌐 dive.club
🐦 twitter.com/joindiveclub

Now you can join advanced courses taught by the top designers to help you take a huge leap forward in your career 💪

Chapters
0:00 Intro
1:11 What's happening in design systems
6:59 What Luis is seeing in today's landscape
14:05 Why we shouldn't say "design system"
23:58 The gap between enterprise and startups
27:21 What the Figma MCP unlocks
37:27 Luis's journey with AI
44:22 How Luis thinks about his career moving forward
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
135 changes: 135 additions & 0 deletions video-aggregator/data/output.json
Original file line number Diff line number Diff line change
@@ -1,4 +1,139 @@
[
{
"title": "Connect your design system to AI tools using zeroheight remote MCP",
"description": "Learn how to connect your zeroheight design system to ChatGPT and Claude Code using the remote MCP server — and how to share access with your whole team.\n\nLearn more:\n→ zeroheight MCP overview: https://help.zeroheight.com/hc/en-us/articles/48004395674011-zeroheight-MCP-overview\n→ Set up the remote MCP server: https://help.zeroheight.com/hc/en-us/articles/43737291730331-Set-up-the-remote-MCP-server\n→ Connect your AI coding tool to a zeroheight design system: https://help.zeroheight.com/hc/en-us/articles/48004792583195-Connect-your-AI-tool-to-a-zeroheight-design-system\n\nzeroheight: https://bit.ly/3DEvORN\n\nFind us on social:\nTwitter: https://twitter.com/zeroheight\nhttps://www.linkedin.com/company/zeroheight/\nInstagram: https://www.instagram.com/zeroheighthq",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/u5vpqx8eHOA/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/u5vpqx8eHOA/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/u5vpqx8eHOA/hqdefault.jpg",
"width": 480,
"height": 360
}
},
"videoUrl": "https://www.youtube.com/watch?v=u5vpqx8eHOA",
"publishedAt": "2026-03-20T16:39:19Z",
"privacyStatus": "public",
"duration": "0:07:55"
},
{
"title": "Code containers in the Design system platform | February 2026",
"description": "📦 Introducing Code Containers in Supernova's Design System Platform!\n\nManage and track all your uploaded code containers in one centralized location. This new read-only view gives design system teams complete visibility into their prototyping infrastructure—see all container versions, connected contexts, and dependencies at a glance.\n\nWhat's New:\n✨ Centralized list of all uploaded code containers\n📊 Version history tracking for each container\n🔗 View shared contexts using specific containers\n🎯 New \"Portal Create\" section in navigation\n👁️ Clear overview of components, dependencies & configurations\n\nComing soon: Full content visibility showing components, templates, and patterns inside each container!\n\nNote: This is Enterprise feature - contact us to learn more https://www.supernova.io/request-a-demo\n----------\nLearn more about Supernova 👉 https://supernova.io\nFollow Supernova on Twitter 👉 https://twitter.com/supernova_io\nFollow Supernova on LinkedIn 👉 https://www.linkedin.com/company/supernova-io/\nJoin the Supernova Friends Slack 👉 https://bit.ly/3Pe84Mh",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/ASIWsvvKnns/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/ASIWsvvKnns/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/ASIWsvvKnns/hqdefault.jpg",
"width": 480,
"height": 360
}
},
"videoUrl": "https://www.youtube.com/watch?v=ASIWsvvKnns",
"publishedAt": "2026-03-16T15:28:09Z",
"privacyStatus": "public",
"duration": "0:02:59"
},
{
"title": "How to Choose the Right AI Coding Tool (It's Not About Hype)",
"description": "Not all vibe-coding platforms are built for the same job. The best tool depends on what you're building and where you're building it—not what's trending.\n\nQuick Guide:\n🔹 Technical teams working in existing codebases → Cursor or Claude\n🔹 Rapid prototyping new projects from scratch → Lovable or v0\n🔹 Evolving products with established design systems → Supernova\n\nThe Key Insight:\nIn established companies, the challenge isn't generating something that looks good. It's generating something that actually fits your real product context. The moment you have to say \"ignore the UI, focus on the idea,\" you've already lost significant value.\n\nChoose your platform based on your environment, your design system, and your team's needs and not the hype cycle.\n\n0:00 - Why another vibe-coding platform?\n0:33 - The problem with generic AI coding tools\n1:01 - How Supernova is different\n1:30 - Grounded in your design system\n2:00 - Faster handoff to engineers\n2:35 - Supernova vs Cursor/Claude vs Lovable/v0\n3:08 - Who should use what tool\n3:39 - Try Supernova\n----------\nLearn more about Supernova 👉 https://supernova.io\nFollow Supernova on Twitter 👉 https://twitter.com/supernova_io\nFollow Supernova on LinkedIn 👉 https://www.linkedin.com/company/supernova-io/\nJoin the Supernova Friends Slack 👉 https://bit.ly/3Pe84Mh",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/VRiOxLsQ2Fo/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/VRiOxLsQ2Fo/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/VRiOxLsQ2Fo/hqdefault.jpg",
"width": 480,
"height": 360
}
},
"videoUrl": "https://www.youtube.com/watch?v=VRiOxLsQ2Fo",
"publishedAt": "2026-03-16T10:00:32Z",
"privacyStatus": "public",
"duration": "0:04:06"
},
{
"title": "Have you claimed your Child Trust Fund yet?",
"description": "",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/OAsyEJ9BnLQ/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/OAsyEJ9BnLQ/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/OAsyEJ9BnLQ/hqdefault.jpg",
"width": 480,
"height": 360
}
},
"videoUrl": "https://www.youtube.com/watch?v=OAsyEJ9BnLQ",
"publishedAt": "2026-03-11T12:00:47Z",
"privacyStatus": "public",
"duration": "0:01:09"
},
{
"title": "Luis Ouriach - How are design systems changing?",
"description": "Today's episode is with Luis Ouriach (https://x.com/disco_lu) whose role as a designer advocate at Figma means he's constantly helping teams navigate this rapidly changing landscape... especially when it comes to design systems.\nSo we're going to do a deep dive into the trends he's noticing and what it all means for designers.\n\nSome highlights:\n\n- How design systems are changing with AI\n- Luis’s ideas around agentic design systems\n- Pitfalls to avoid when adopting AI with your team\n- What trends we can ignore vs. what is really important\n- Luis’s journey as a builder and his career plan moving forward\n- What Figma's new integration with Claude and Codex unlocks\n\nLuis’s agentic design systems article: https://medium.com/@disco_lu/building-agentic-design-systems-the-future-of-ai-enhanced-design-6ad0470cf1e3\n\nDive is where the best designers never stop learning 🤿\n\n🌐 dive.club\n🐦 twitter.com/joindiveclub\n\nNow you can join advanced courses taught by the top designers to help you take a huge leap forward in your career 💪\n\nChapters\n0:00 Intro\n1:11 What's happening in design systems\n6:59 What Luis is seeing in today's landscape\n14:05 Why we shouldn't say \"design system\"\n23:58 The gap between enterprise and startups\n27:21 What the Figma MCP unlocks\n37:27 Luis's journey with AI\n44:22 How Luis thinks about his career moving forward",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/Pn2G7JhxNKc/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/Pn2G7JhxNKc/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/Pn2G7JhxNKc/hqdefault.jpg",
"width": 480,
"height": 360
},
"standard": {
"url": "https://i.ytimg.com/vi/Pn2G7JhxNKc/sddefault.jpg",
"width": 640,
"height": 480
},
"maxres": {
"url": "https://i.ytimg.com/vi/Pn2G7JhxNKc/maxresdefault.jpg",
"width": 1280,
"height": 720
}
},
"videoUrl": "https://www.youtube.com/watch?v=Pn2G7JhxNKc",
"publishedAt": "2026-03-10T12:17:51Z",
"privacyStatus": "public",
"duration": "0:55:11"
},
{
"title": "AI-powered design token linting with zeroheight MCP | Demo",
"description": "We just shipped MCP token linting tools for zeroheight — and they change how you keep AI-generated code aligned with your design system.\n\nInstead of manually hunting for hard-coded values like `#F03E3E` or `16px`, you can now lint your code directly against your token sets in zeroheight and get suggested replacements instantly — or auto-apply them.\n\n🔍 What it does:\n• Scans code for hard-coded colors and spacing values\n• Compares them against your linked zeroheight token sets\n• Flags violations with the closest matching token\n• Auto-applies fixes before you merge\n\n⚙️ How to set it up:\n1. Go to Styleguide Settings → MCP and Markdown\n2. Link one or more token sets\n3. In your MCP client (e.g. Cursor), ask it to \"lint this code using zeroheight\"\n\nThis helps to close the loop on AI-generated code: generate → lint → fix → ship.\n\n📖 Learn more: https://help.zeroheight.com/hc/en-us/articles/43780251357979-Using-the-remote-zeroheight-MCP-server\n\n----\n\nzeroheight: https://bit.ly/3DEvORN\n\nFind us on social:\nTwitter: https://twitter.com/zeroheight\nhttps://www.linkedin.com/company/zeroheight/\nInstagram: https://www.instagram.com/zeroheighthq",
Expand Down