Loading video...

Video Failed to Load

Go Home

Introducing HeroUI Pro Design Systems ๐Ÿš€ โœ“ Import your brand from a URL โœ“ Live theme editor + brand workspace โœ“ Use it in AI Chat โœ“ Export to Web, Native & AI docs Release notes ๐Ÿ‘‡

hero_ui's profile picture

HeroUI

23,341 subscribers

111,310 views โ€ข 1 month ago โ€ขvia X (Twitter)

Science & Technology
LIVE

Anya Rossiโ€ข Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Introducing Alpine The first ever AI-native workspace. Your docs, tasks, and chat finally in one app
1:05

Introducing Alpine The first ever AI-native workspace. Your docs, tasks, and chat finally in one app

Caleb Meredith

65,397 views โ€ข 8 months ago

introducing @tabseditor The AI doc editor that writes with you. Tabs is a simple editor to write documents with AI to assist you. > import docs from google drive, MS one drive or create new doc > bring in your files and web links as context > chat with tabs all web. enjoy.
0:49

introducing @tabseditor The AI doc editor that writes with you. Tabs is a simple editor to write documents with AI to assist you. > import docs from google drive, MS one drive or create new doc > bring in your files and web links as context > chat with tabs all web. enjoy.

Afolabi Sokeye ๐Ÿงฑ

203,899 views โ€ข 11 months ago

HeroUI v3 beta 1 for web is live ๐Ÿ”ฅ A full redesign that blends v2 animations with v3 simplicity: โ€ข Brand new design system โ€ข Every component rethought โ€ข 8 new components โ€ข Better dev experience across the board Smooth transitions, cleaner surfaces, and a design language that matches HeroUI Native so your apps feel consistent on web and mobile. A BIG step forward ๐Ÿš€
0:25

HeroUI v3 beta 1 for web is live ๐Ÿ”ฅ A full redesign that blends v2 animations with v3 simplicity: โ€ข Brand new design system โ€ข Every component rethought โ€ข 8 new components โ€ข Better dev experience across the board Smooth transitions, cleaner surfaces, and a design language that matches HeroUI Native so your apps feel consistent on web and mobile. A BIG step forward ๐Ÿš€

HeroUI

66,487 views โ€ข 10 months ago

The brand tax is costing your team more than you think. Every team that makes video at scale is paying it. The hours spent fixing fonts, swapping colors, changing typography. Every video. One element at a time. That ends today. Introducing Brand Systems. Paste your company URL and HeyGen automatically extracts your logo, fonts, and colors. No uploads. No manual setup. Just a URL. From there, it works across everything you already use in HeyGen: โ†’ Templates: apply your brand in one click. Colors swap, logo drops in, fonts update. โ†’ AI Studio: every element you insert defaults to your brand automatically. โ†’ Video Agent: generate fully on-brand videos from a single prompt. Set it once. Stay on-brand across every video. No more brand tax. Try Brand Systems today on HeyGen.
1:13

The brand tax is costing your team more than you think. Every team that makes video at scale is paying it. The hours spent fixing fonts, swapping colors, changing typography. Every video. One element at a time. That ends today. Introducing Brand Systems. Paste your company URL and HeyGen automatically extracts your logo, fonts, and colors. No uploads. No manual setup. Just a URL. From there, it works across everything you already use in HeyGen: โ†’ Templates: apply your brand in one click. Colors swap, logo drops in, fonts update. โ†’ AI Studio: every element you insert defaults to your brand automatically. โ†’ Video Agent: generate fully on-brand videos from a single prompt. Set it once. Stay on-brand across every video. No more brand tax. Try Brand Systems today on HeyGen.

HeyGen

220,460 views โ€ข 5 months ago

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL โ†’ get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once โ†’ every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. ๐Ÿ”ฅ
0:58

Introducing: VibeFlow UI (VibeFlow (YC S25)) design systems. Generate UIs that actually look like YOUR brand. We got tired of AI design tools outputting anonymous slop. So we gave the model your real design system. > Paste any URL โ†’ get your full design system in 30s > Exportable as a skill for any agent > Dashboards, slide decks, landing pages, all on-brand > Set it once โ†’ every future UI uses your system I challenge anyone to paste a URL and get a bad result. Haven't seen one yet. ๐Ÿ”ฅ

Alessia

14,591 views โ€ข 4 months ago

introducing normal a system that aligns your team to ship on-brand, forever use it right now trynormal [dot] ai
0:45

introducing normal a system that aligns your team to ship on-brand, forever use it right now trynormal [dot] ai

Ely

15,660 views โ€ข 5 months ago

Genspark AI Agent just released AI Designer. You can now have an AI agent that performs deep research and generates entire brand design systems. 5 powerful use cases + how to try๐Ÿ‘‡: 1. From asset creation to full working site
0:35

Genspark AI Agent just released AI Designer. You can now have an AI agent that performs deep research and generates entire brand design systems. 5 powerful use cases + how to try๐Ÿ‘‡: 1. From asset creation to full working site

Alvaro Cintas

123,428 views โ€ข 1 year ago

Introducing HeroUI Pro โ€” Build products you're proud to ship ๐Ÿš€ โšก 64 premium components + 398 examples across React and React Native. ๐Ÿ“Š DataGrid, Kanban, Command palette, Charts, Sidebar, AppLayout ๐Ÿ—“๏ธFull date/time stack for native: Calendar, DatePicker, RangePicker ๐Ÿ‘†Slide-to-confirm, hold-to-confirm buttons ๐ŸŽจ 4 ready-to-ship Next.js templates ๐Ÿค– MCP server + Skills โ€” AI agents that actually know your design system heroui[dot]pro ๐Ÿงต
0:24

Introducing HeroUI Pro โ€” Build products you're proud to ship ๐Ÿš€ โšก 64 premium components + 398 examples across React and React Native. ๐Ÿ“Š DataGrid, Kanban, Command palette, Charts, Sidebar, AppLayout ๐Ÿ—“๏ธFull date/time stack for native: Calendar, DatePicker, RangePicker ๐Ÿ‘†Slide-to-confirm, hold-to-confirm buttons ๐ŸŽจ 4 ready-to-ship Next.js templates ๐Ÿค– MCP server + Skills โ€” AI agents that actually know your design system heroui[dot]pro ๐Ÿงต

HeroUI

19,452 views โ€ข 4 months ago

Pitch Agent is now live โœจ AI built into Pitchโ€™s presentation workspace. Generate full decks from a prompt (using your teamโ€™s actual brand template), edit through chat, and draft follow-up emails when youโ€™re done. Not generic AI slides. On-brand, AI-powered work across the presentation lifecycle. Try Pitch Agent today:
1:04

Pitch Agent is now live โœจ AI built into Pitchโ€™s presentation workspace. Generate full decks from a prompt (using your teamโ€™s actual brand template), edit through chat, and draft follow-up emails when youโ€™re done. Not generic AI slides. On-brand, AI-powered work across the presentation lifecycle. Try Pitch Agent today:

Pitch

596,895 views โ€ข 3 months ago

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers
0:51

New open source project: Easel, a macOS workspace for AI-assisted product design and frontend iteration powered by the Codex SDK. Think of it as "Claude Design for Codex." It brings together a local project library, design-system setup, Codex chat, and a live web preview with a point-and-click inspector. Set up your design system however you like. Import one from Figma , bring your own, or have the agent generate it as a design.md. Then use it to build prototypes and slide decks. Codex-first, with Claude and other AI providers and local models planned for future releases. OpenAI Developers

James Rochabrun

61,608 views โ€ข 3 months ago

Stop...Your AI shouldnโ€™t sit in a sidebar. It should actually work inside your notes. AnySlate just made that real. Your AI can: โ€ข read your markdown files โ€ข edit sections โ€ข create docs โ€ข search your workspace โ€ข organize everything No copy paste No switching tabs No proprietary lock-in Every file is a real .md file Your notes stay portable forever And the wild part โ€” it supports MCP natively So Claude, Cursor, or Windsurf can directly work inside your workspace This is the shift from AI that helps you write to AI that manages your knowledge Real-time collaboration Built-in AI assistant PDF + web publishing Version history Works on Mac Windows Linux + browser This is what a modern markdown editor should look like
0:20

Stop...Your AI shouldnโ€™t sit in a sidebar. It should actually work inside your notes. AnySlate just made that real. Your AI can: โ€ข read your markdown files โ€ข edit sections โ€ข create docs โ€ข search your workspace โ€ข organize everything No copy paste No switching tabs No proprietary lock-in Every file is a real .md file Your notes stay portable forever And the wild part โ€” it supports MCP natively So Claude, Cursor, or Windsurf can directly work inside your workspace This is the shift from AI that helps you write to AI that manages your knowledge Real-time collaboration Built-in AI assistant PDF + web publishing Version history Works on Mac Windows Linux + browser This is what a modern markdown editor should look like

Nainsi Dwivedi

13,617 views โ€ข 5 months ago

Today we're introducing Claude for Marketing. The first AI agent that doesn't just track your brand in AI answers but ranks it all from your chat. Just ask. It reads your visibility, pinpoints what's wrong and handles the fix.
0:53

Today we're introducing Claude for Marketing. The first AI agent that doesn't just track your brand in AI answers but ranks it all from your chat. Just ask. It reads your visibility, pinpoints what's wrong and handles the fix.

CrowdReply

296,104 views โ€ข 2 months ago

This is the future of AI design/prototyping 1/ Import real product context 2/ Give Design agent a brief 3/ Unlimited design immediately, all on-brand and in-context And also... ๐Ÿ‘‡๐Ÿงต
0:56

This is the future of AI design/prototyping 1/ Import real product context 2/ Give Design agent a brief 3/ Unlimited design immediately, all on-brand and in-context And also... ๐Ÿ‘‡๐Ÿงต

Jason Zhou

189,654 views โ€ข 9 months ago

Design.md isn't your design system. With design systems in Magic Patterns, AI uses your: - Components (syncs to codebase via MCP) - Typography (can use custom fonts) - Color tokens (import from Figma / tokens.json) - Icons (any library) - Spacing tokens - Rules
0:21

Design.md isn't your design system. With design systems in Magic Patterns, AI uses your: - Components (syncs to codebase via MCP) - Typography (can use custom fonts) - Color tokens (import from Figma / tokens.json) - Icons (any library) - Spacing tokens - Rules

Alex Danilowicz

54,775 views โ€ข 6 months ago

From Copilot Workspace to Copilot Chat, the future of the developer environment is AI-native on This is o1 & Copilot, right where you manage your code.
0:42

From Copilot Workspace to Copilot Chat, the future of the developer environment is AI-native on This is o1 & Copilot, right where you manage your code.

Thomas Dohmke

45,614 views โ€ข 2 years ago