Loading video...

Video Failed to Load

Go Home

Design for every screen size without the headache. 📱💻 Catch our Google I/O session to learn how our adaptive components let you build once and deploy everywhere, from wearables to foldables → #GoogleIO #MaterialDesign #UserExperience

GoogleDesign's profile picture

Google Design

220,908 subscribers

14,364 views • 4 months ago •via X (Twitter)

#GoogleIO#MaterialDesign#UserExperience
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

$1.5M is up for grabs in the Great Tournament of Agents! Build and deploy a trading agent using Cod3x Create today for your chance to win. Don't know how to build an agent? Join our FREE BootCamp @
0:14

$1.5M is up for grabs in the Great Tournament of Agents! Build and deploy a trading agent using Cod3x Create today for your chance to win. Don't know how to build an agent? Join our FREE BootCamp @

Cod3x | Win More Trades

656,475 views • 1 year ago

Our new Google AI Professional Certificate from #GrowWithGoogle features 20+ hands-on labs designed to help you use AI as a partner in your daily work. You’ll learn how to: ✔️ Build project plans and daily workflows ✔️ Vibe code custom AI applications for your job ✔️ Generate custom marketing and creative assets ✔️ Develop data-backed market research
0:16

Our new Google AI Professional Certificate from #GrowWithGoogle features 20+ hands-on labs designed to help you use AI as a partner in your daily work. You’ll learn how to: ✔️ Build project plans and daily workflows ✔️ Vibe code custom AI applications for your job ✔️ Generate custom marketing and creative assets ✔️ Develop data-backed market research

Google

638,388 views • 7 months ago

How to build a requirement in Software Factory. We gave our agent one vague line: "Let users reset their password from the login screen." It returned 5 structured requirements, account-enumeration, rate-limit and token-expiry rules. Try Software Factory's agent experience to help you change, enhance, or build all the context your team needs.
0:17

How to build a requirement in Software Factory. We gave our agent one vague line: "Let users reset their password from the login screen." It returned 5 structured requirements, account-enumeration, rate-limit and token-expiry rules. Try Software Factory's agent experience to help you change, enhance, or build all the context your team needs.

8090

107,438 views • 3 months ago

Beasts… ya’ll don’t know how excited I am for you to test our multiplayer game! Driving to the Apple Store to grab a Mac Mini rn so the team can get our Mac build live. Our intent is to build the next Nintendo-tier IP brand, and your support makes this dream a reality! 🎮 🙌
0:14

Beasts… ya’ll don’t know how excited I am for you to test our multiplayer game! Driving to the Apple Store to grab a Mac Mini rn so the team can get our Mac build live. Our intent is to build the next Nintendo-tier IP brand, and your support makes this dream a reality! 🎮 🙌

Rafsby | a KID called BEAST

12,765 views • 1 year ago

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.
0:12

19-year-old from china makes $9,000/month designing product sites and ships each one in an afternoon. here's his exact setup the whole thing runs on two tools that each do one job: > brief written by hand: 5 min > Moonchild builds the design system, then every screen from it: 20 min > MCP hands the design to Claude as real structure, not a screenshot: instant > Claude Code reads those exact tokens and builds the live app: 20 min > second Claude session reviews the build for drift: 10 min total: about an hour. screen five still matches screen one. no agency, no dev, no design team the trick is MCP. the design tool passes Claude the actual colors, components and layout, so it builds from the source instead of guessing from a picture. full pipeline, every prompt, in the article above.

Ridark

19,477 views • 3 months ago

Texas is the only state in U.S. history to build our own border wall. While Biden refuses to secure the border, Texas has stepped up to protect our state and our country. I added funding for even more border wall to the agenda for Special Session #3 of the Texas Legislature.
0:15

Texas is the only state in U.S. history to build our own border wall. While Biden refuses to secure the border, Texas has stepped up to protect our state and our country. I added funding for even more border wall to the agenda for Special Session #3 of the Texas Legislature.

Greg Abbott

393,691 views • 3 years ago

The final …EARNEST? bow to round off our U.K tour. Thank you to each and every one of you for supporting our show, we truly are nothing without our audience. And to all the fantastic venues we’ve visited on the road, thank you for being a home for this project to evolve and grow. See you at Pleasance in Edinburgh Festival Fringe!
0:18

The final …EARNEST? bow to round off our U.K tour. Thank you to each and every one of you for supporting our show, we truly are nothing without our audience. And to all the fantastic venues we’ve visited on the road, thank you for being a home for this project to evolve and grow. See you at Pleasance in Edinburgh Festival Fringe!

Say It Again, Sorry?

29,008 views • 2 years ago

Today, we will build a ✈️ Flight Price comparison app in 📱React Native, similar to Skyscanner, Google Flights, and Kayak The challenging part is getting real data about flight prices. We will learn how to Scrape the WEB and unlock any data 👀 See you soon 👋
0:16

Today, we will build a ✈️ Flight Price comparison app in 📱React Native, similar to Skyscanner, Google Flights, and Kayak The challenging part is getting real data about flight prices. We will learn how to Scrape the WEB and unlock any data 👀 See you soon 👋

Vadim Savin @notJust.dev

176,956 views • 3 years ago

❤️ this post to get you into the Google I/O livestream when it begins on May 19 at 10 am PT. Watch live as we announce our biggest updates and innovations for the year ahead!
0:12

❤️ this post to get you into the Google I/O livestream when it begins on May 19 at 10 am PT. Watch live as we announce our biggest updates and innovations for the year ahead!

Google

8,124,512 views • 4 months ago

I cloned the SpaceX site with Grok Build and Firecrawl. The new design cloner workflow in the Firecrawl CLI packaged the full page and 250+ artifacts into a design,md for the agent to build from. Great starting point for designing off any site you like.
0:19

I cloned the SpaceX site with Grok Build and Firecrawl. The new design cloner workflow in the Firecrawl CLI packaged the full page and 250+ artifacts into a design,md for the agent to build from. Great starting point for designing off any site you like.

Eric Ciarla (hiring)

23,838 views • 4 months ago

Since i did my heart surgery i was always hiding this big scar even i use ai on my pictures just to hide it because i feel shy and shame to show it for others but after that i remember that our tete always let us learn to believe in our selves he said once +
0:19

Since i did my heart surgery i was always hiding this big scar even i use ai on my pictures just to hide it because i feel shy and shame to show it for others but after that i remember that our tete always let us learn to believe in our selves he said once +

𝑾𝒊𝒏𝒕𝒆𝒓 SAW TAEHYUNG ~

37,341 views • 2 months ago

✨Introducing YesCheff is a web app that helps you learn, cook, and enjoy your favorite recipes through step-by-step cooking guides built from real YouTube content. You can even use your own YouTube links. A small but special project where I brought all my capabilities together, from design (brand & product) to animation, and development. This project came from exploring how Al models parse data into frontend components and the development of generative interfaces. I designed and developed the structure through React components (HTML, CSS, JS) for the frontend and Node.js for the backend. This is a testament of how one could develop digital products in a less frustrating and more flexible way with the use of Al, particularly when it comes to getting the styling and functionality right. Now which foods are you eager to learn? Check it out at #YesCheff #WebApp #AI #Design #FrontendDevelopment #ReactJS #NodeJS #ProductDesign
0:18

✨Introducing YesCheff is a web app that helps you learn, cook, and enjoy your favorite recipes through step-by-step cooking guides built from real YouTube content. You can even use your own YouTube links. A small but special project where I brought all my capabilities together, from design (brand & product) to animation, and development. This project came from exploring how Al models parse data into frontend components and the development of generative interfaces. I designed and developed the structure through React components (HTML, CSS, JS) for the frontend and Node.js for the backend. This is a testament of how one could develop digital products in a less frustrating and more flexible way with the use of Al, particularly when it comes to getting the styling and functionality right. Now which foods are you eager to learn? Check it out at #YesCheff #WebApp #AI #Design #FrontendDevelopment #ReactJS #NodeJS #ProductDesign

JEHTOMS 5.0

85,213 views • 11 months ago

Let me be crystal clear with you. I will end the H-1B scam. Once and for all. Our college graduates will finally be able to get great-paying jobs.
0:12

Let me be crystal clear with you. I will end the H-1B scam. Once and for all. Our college graduates will finally be able to get great-paying jobs.

James Fishback

34,540 views • 4 months ago

A baby orangutan should never have to grow up alone. Almost every baby orangutan in our rehabilitation centres is orphaned—separated from the mother they depend on to survive and learn how to live in the forest.
0:07

A baby orangutan should never have to grow up alone. Almost every baby orangutan in our rehabilitation centres is orphaned—separated from the mother they depend on to survive and learn how to live in the forest.

BOS Foundation

24,449 views • 18 days ago

We couldn’t do what we love without each and every one of you, and for that, we are truly thankful. Happy Thanksgiving from our BSB family to yours! 🧡
0:11

We couldn’t do what we love without each and every one of you, and for that, we are truly thankful. Happy Thanksgiving from our BSB family to yours! 🧡

Backstreet Boys

23,415 views • 10 months ago

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )
0:13

I found 9 sites that generate Design Markdown files for your AI builds ! here are the links: - - - - - - - - They help turn your visual direction into an actual design system your coding agent can follow. typography, colors, spacing, radius, shadows, components, states and responsive behaviour. before you build any screen, pick a visual direction and generate the design .md file aligned with your product mechanics and outcome goals add it to Claude Code or Cursor, then use /design to describe what should stay consistent across every screen this gives the agent actual constraints instead of asking it to “make the UI look premium” and hoping for a good output you'll ship much cleaner product ideations at lightning fast speed ! ( this and a folder of 5-6 visual references are the first things we prepare before starting a client build )

Harshil Tomar

83,669 views • 25 days ago