Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

New block in Notion: HTML. Build interactive HTML right on your Notion page. Ask AI to turn your content into interactive explainers, prototypes, or diagrams. Share with your team to use and tinker together.

NotionHQ's profile picture

Notion

523,473 subscribers

1,543,353 görüntüleme • 8 gün önce •via X (Twitter)

Bilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

Introducing Hubble: the best notepad for you and your agents. - Feels like Notion or Apples Notes, but for Markdown - Live-reloading editor to collaborate with agents - Supports HTML-based apps to build interactive visualizations Free and open-source 👉
0:21

Introducing Hubble: the best notepad for you and your agents. - Feels like Notion or Apples Notes, but for Markdown - Live-reloading editor to collaborate with agents - Supports HTML-based apps to build interactive visualizations Free and open-source 👉

Ben Holmes

156,301 görüntüleme • 16 gün önce

Notion is now integrated with Rows! Use it to import and query your Notion databases in Rows – analyze and transform data, build reports and embed your charts right back into your workspace 🔁
0:50

Notion is now integrated with Rows! Use it to import and query your Notion databases in Rows – analyze and transform data, build reports and embed your charts right back into your workspace 🔁

Notion

57,782 görüntüleme • 2 yıl önce

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!
0:30

With Canvas in Gemini, you can: ⌨️ Write, iterate & preview React/HTML code 📝 Draft & edit comprehensive documents 🎨 Build interactive prototypes, games & visualization …and more. Simply select ‘Canvas’ in your prompt bar and you can write and edit documents or code, with changes appearing in real-time: Try it today and share your Canvas creations by tagging us here!

Google Gemini

414,938 görüntüleme • 1 yıl önce

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.
0:27

HTML in Canvas + fragment shader. Shader is applied to the actual interactive html.

Zsolt Kacso

62,811 görüntüleme • 3 ay önce

Building apps has never been easier. With Sites, Codex can turn your work, ideas, and plans into an interactive website or app your team can explore, use, and share with a URL. Rolling out to Business and Enterprise plans, before expanding more broadly.
0:46

Building apps has never been easier. With Sites, Codex can turn your work, ideas, and plans into an interactive website or app your team can explore, use, and share with a URL. Rolling out to Business and Enterprise plans, before expanding more broadly.

OpenAI

9,614,277 görüntüleme • 1 ay önce

Meet your new study buddy: Notion AI. Drop in your syllabus → get a ready-to-use study guide 📚
1:20

Meet your new study buddy: Notion AI. Drop in your syllabus → get a ready-to-use study guide 📚

Notion

43,362 görüntüleme • 9 ay önce

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?
0:21

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?

Chiamaka Igwe

14,122 görüntüleme • 3 ay önce

HTML docs are starting to replace Notion for us. The missing piece was collaboration. So we built a Google Drive for HTML docs with a WYSIWYG editor, commenting, share links, and password protection. It works through MCP. Just ask Claude to upload to Moda:
0:55

HTML docs are starting to replace Notion for us. The missing piece was collaboration. So we built a Google Drive for HTML docs with a WYSIWYG editor, commenting, share links, and password protection. It works through MCP. Just ask Claude to upload to Moda:

Anvisha

357,505 görüntüleme • 1 ay önce

Welcome to the new Notion Academy 🎓 Choose your path, level up your skills, and collect badges along the way: Essentials → the basics Workflows → build systems for your team Advanced → expert skills Or take the exam, and walk out a Certified Notion Admin.
0:42

Welcome to the new Notion Academy 🎓 Choose your path, level up your skills, and collect badges along the way: Essentials → the basics Workflows → build systems for your team Advanced → expert skills Or take the exam, and walk out a Certified Notion Admin.

Notion

39,624 görüntüleme • 9 ay önce

Your work tools are now interactive in Claude. Draft Slack messages, visualize ideas as Figma diagrams, or build and see Asana timelines.
0:53

Your work tools are now interactive in Claude. Draft Slack messages, visualize ideas as Figma diagrams, or build and see Asana timelines.

Claude

7,513,174 görüntüleme • 5 ay önce

🚀 Notion → Replit, now automated with Custom MCPs Checkout the demo below on how to: ✅ Use Notion AI to generate a PRD for an app ✅ Use Replit Agent to build the app and integrate it with Notion database 🚀 ✅ Define in Notion. Build in Replit. From strategy to software in minutes. ✨
2:15

🚀 Notion → Replit, now automated with Custom MCPs Checkout the demo below on how to: ✅ Use Notion AI to generate a PRD for an app ✅ Use Replit Agent to build the app and integrate it with Notion database 🚀 ✅ Define in Notion. Build in Replit. From strategy to software in minutes. ✨

Replit ⠕

43,948 görüntüleme • 7 ay önce

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys
0:29

My Figma to AI Code plugin is live Turn your designs into production-level code generated by Claude AI. Create React components, SwiftUI prototypes, HTML+CSS pages, Tailwind styles with custom prompts. Preview for responsiveness and export fully working code to Cursor and Xcode. It's free with your own API keys

Meng To

76,017 görüntüleme • 1 yıl önce

I turned Thariq's article into an interactive HTML! I was a markdown boy but since I started working at Microsoft I'm using HTML more and more. Our engineers love to send AI-generated HTML to coordinate between SWE/PM on projects since it's easier to read than markdown.
0:45

I turned Thariq's article into an interactive HTML! I was a markdown boy but since I started working at Microsoft I'm using HTML more and more. Our engineers love to send AI-generated HTML to coordinate between SWE/PM on projects since it's easier to read than markdown.

Nicolas Bustamante

148,739 görüntüleme • 2 ay önce

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.
1:19

Introducing Figma Connect. The best way to turn your Figma designs into code. No MCP hell. No plugins. Just copy and paste your designs into MagicPath and turn them into interactive prototypes without compromising your craft. Every pixel. Every detail. Every asset. Preserved.

Pietro Schirano

978,796 görüntüleme • 5 ay önce

your favourite AI tools can’t generate PDFs. fixes that 👇 • ask claude/gemini/chatgpt to give you well designed html • go to and paste this html • set the pdf page size and orientation • click convert to pdf your pdf file is ready! all processing is done client-side, your data never leaves your browser. check it out now:
0:44

your favourite AI tools can’t generate PDFs. fixes that 👇 • ask claude/gemini/chatgpt to give you well designed html • go to and paste this html • set the pdf page size and orientation • click convert to pdf your pdf file is ready! all processing is done client-side, your data never leaves your browser. check it out now:

kanav

23,208 görüntüleme • 5 ay önce

After 5 amazing years at Notion, I’m joining Cursor as Head of Design. Grateful for the Notion fam. Time to go deep on AI and code, build an incredible team, and craft the best tool to turn ideas into reality.
0:24

After 5 amazing years at Notion, I’m joining Cursor as Head of Design. Grateful for the Notion fam. Time to go deep on AI and code, build an incredible team, and craft the best tool to turn ideas into reality.

Ryo Lu

408,717 görüntüleme • 1 yıl önce

BREAKING 🚨: Notion is working on custom AI-agents that will work as your AI co-workers. Notion Agents can be triggered via a schedule, tagging on Slack or a Notion Page or Database change. A real AI-first Workspace soon 👀
0:34

BREAKING 🚨: Notion is working on custom AI-agents that will work as your AI co-workers. Notion Agents can be triggered via a schedule, tagging on Slack or a Notion Page or Database change. A real AI-first Workspace soon 👀

🚨 AI News | TestingCatalog

122,185 görüntüleme • 6 ay önce

MiniMax M2.7 is too good for it price🤯 Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better
0:32

MiniMax M2.7 is too good for it price🤯 Prompt : Build a premium interactive isometric 3D cozy room using Three.js in one html code block, with all objects modeled in code (no external assets) and subtle ambient animations and you can do 2 things of your choice to make it better

Chetaslua

26,520 görüntüleme • 3 ay önce

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at
5:09

v0 helps product leaders turn ideas into interactive prototypes in minutes. In this demo, you'll learn how to: • Use screenshots and references to guide v0 • Customize UI with Design Mode • Preview across devices as you iterate • Deploy and share prototypes for real-time team feedback using the Vercel Toolbar Get started today at

v0

24,915 görüntüleme • 6 ay önce