Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Go from design to Compose UI code with Gemini! ⬆️ Upload image of app UI screen ↪️ Use the prompt in the blog ↪️ Copy output into Android Studio

AndroidDev's profile picture

Android Developers

2,059,060 subscribers

14,140 Aufrufe • vor 1 Jahr •via X (Twitter)

Wissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

🧵 Go from nature to code with Gemini 2.5 Pro 🍃 Each of these were created with the same prompt: Transform this image into a code-based representation of its natural behavior. Original input image on the left. Gemini output on the right.
0:08

🧵 Go from nature to code with Gemini 2.5 Pro 🍃 Each of these were created with the same prompt: Transform this image into a code-based representation of its natural behavior. Original input image on the left. Gemini output on the right.

Google

134,425 Aufrufe • vor 1 Jahr

File upload component ⬆️ A complete design & code ecosystem. → [Create UI - Design System]™
0:16

File upload component ⬆️ A complete design & code ecosystem. → [Create UI - Design System]™

Chatto

71,769 Aufrufe • vor 15 Tagen

Compose Hot..Swan is finally here! 🦢 HotSwan allows you to do Compose Hot Reload in real Android devices, instant UI updates on your running Android app, with state preserved. No rebuilds, no relaunching, no navigating back to the same screen again.
0:11

Compose Hot..Swan is finally here! 🦢 HotSwan allows you to do Compose Hot Reload in real Android devices, instant UI updates on your running Android app, with state preserved. No rebuilds, no relaunching, no navigating back to the same screen again.

Jaewoong Eum

14,186 Aufrufe • vor 3 Monaten

Here's a weird trick to identify if an Android app is written using Compose UI
0:18

Here's a weird trick to identify if an Android app is written using Compose UI

bsky.app/profile/saket.me

25,496 Aufrufe • vor 2 Jahren

UX/UI design timelapse of profile menu mobile app screen 💥
0:18

UX/UI design timelapse of profile menu mobile app screen 💥

Jan Mraz

64,956 Aufrufe • vor 3 Jahren

The Mockup app makes it easy to bring any design to every screen. Simply upload your image, select a screen preset (or prompt your own) and that's it, you're done. Part of the Apps for Advertising collection. Available now.
0:15

The Mockup app makes it easy to bring any design to every screen. Simply upload your image, select a screen preset (or prompt your own) and that's it, you're done. Part of the Apps for Advertising collection. Available now.

Runway

27,053 Aufrufe • vor 8 Monaten

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →
0:14

UI/UX Designers, check this design systems database A massive collection of the best-in-class design systems with visual styles, components and references from leading UI teams. Website →

Abraham John 🦄🦓

36,275 Aufrufe • vor 2 Jahren

🧵 Photos → Creative Code using Gemini I built an experiment that turns photos into interactive p5xjs sketches using Gemini 2.0 Flash. Unlike UI generators, this creates code that mimics the *behavior* of what's in the image - like smoke swirling or ripples spreading. Check out this sunset + smoke simulation
0:10

🧵 Photos → Creative Code using Gemini I built an experiment that turns photos into interactive p5xjs sketches using Gemini 2.0 Flash. Unlike UI generators, this creates code that mimics the *behavior* of what's in the image - like smoke swirling or ripples spreading. Check out this sunset + smoke simulation

Trudy Painter

155,027 Aufrufe • vor 1 Jahr

This Google Search UI ruins the experience of using a Pixel phone. Android Developers Android Made by Google Material Design
0:15

This Google Search UI ruins the experience of using a Pixel phone. Android Developers Android Made by Google Material Design

Pixel UI by Google

14,214 Aufrufe • vor 3 Monaten

its crazy that nano banana now can not only design but also keep the dimensions exactly the same but you still need the right prompt to make it accurate steps: go to -> upload floor plan image -> copy the prompt at the end of video #ad
0:18

its crazy that nano banana now can not only design but also keep the dimensions exactly the same but you still need the right prompt to make it accurate steps: go to -> upload floor plan image -> copy the prompt at the end of video #ad

el.cine

77,762 Aufrufe • vor 4 Monaten

One UI 7 vs One UI 8 Compared with the animation, we can see that the opening animation of oneui8 is more slowly spread across the full screen in the final stage. One UI 8 video from Денис
0:11

One UI 7 vs One UI 8 Compared with the animation, we can see that the opening animation of oneui8 is more slowly spread across the full screen in the final stage. One UI 8 video from Денис

Ice Universe

101,516 Aufrufe • vor 1 Jahr

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)
0:18

claude design is my all time favorite anthropic drop this year, even more than opus 4.7 its actually really really good at design and the "handoff to claude code" makes it basically copy/paste ui to the actual working product claude design made the entire ui for merl (full video on merl soon)

ashen

366,411 Aufrufe • vor 2 Monaten

New and improved UI rolling out for the UpRock Android App! Some highlights: - Introducing flippable cards - Adaptive UI support - Geo and Connection Score added (pull down screen to run speed test) - Improved wallet, rewards and settings screens
0:14

New and improved UI rolling out for the UpRock Android App! Some highlights: - Introducing flippable cards - Adaptive UI support - Geo and Connection Score added (pull down screen to run speed test) - Improved wallet, rewards and settings screens

UpRock

62,100 Aufrufe • vor 2 Jahren

Google ADK 🤝 AG-UI Excited to welcome ADK into the AG-UI ecosystem. Bring your ADK agents into Fullstack applications and allow them to collaborate with users in real time. Includes: - Agent UI (headless UI or pre-built components) - State synchronization (between agent app) - Frontend tool calls - Human-in-the-Loop Demo & more👇
0:15

Google ADK 🤝 AG-UI Excited to welcome ADK into the AG-UI ecosystem. Bring your ADK agents into Fullstack applications and allow them to collaborate with users in real time. Includes: - Agent UI (headless UI or pre-built components) - State synchronization (between agent app) - Frontend tool calls - Human-in-the-Loop Demo & more👇

CopilotKit🪁

33,444 Aufrufe • vor 9 Monaten

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output
0:18

Figma design vs Claude Code output Here's my workflow: → Built the component on shadcn/ui foundations → Wrote a SKILLS.md file that systematized design-token extraction (included inputs, extraction protocol, tech selection, tailwind rules, layout etc) → Fed Claude the Figma CSS + 2x-scaled component PNGs (halved the measurements) → Iterated bit-by-bit in Claude Code until I as satisfied with the output

CJ @ Jackie Brown

27,054 Aufrufe • vor 3 Monaten

We translated the endurance of competitive hot dog eating into a game by prompting Gemini to “Create a HTML, CSS, Javascript hot dog eating contest game. Game mechanics is user needs to click super fast to eat each hotdog. Add a glass of water to help digest and allowing for faster eating when a user eats too many hotdogs. Timer is 1 minute.“ The Google Gemini App built the game mechanics in a single prompt, so the rest of our vibe coding focused on refining UI design with Gemini. Play here:
0:19

We translated the endurance of competitive hot dog eating into a game by prompting Gemini to “Create a HTML, CSS, Javascript hot dog eating contest game. Game mechanics is user needs to click super fast to eat each hotdog. Add a glass of water to help digest and allowing for faster eating when a user eats too many hotdogs. Timer is 1 minute.“ The Google Gemini App built the game mechanics in a single prompt, so the rest of our vibe coding focused on refining UI design with Gemini. Play here:

Google AI

31,465 Aufrufe • vor 1 Jahr

GPT Image 2.0 + Seedance 2.0 is a powerful combo for game scene creation. Generate the character UI, loading screen, HUD, and cinematic gameplay look with GPT Image 2.0, then use Seedance 2.0 to turn it into a smooth one-shot game demo video.
0:15

GPT Image 2.0 + Seedance 2.0 is a powerful combo for game scene creation. Generate the character UI, loading screen, HUD, and cinematic gameplay look with GPT Image 2.0, then use Seedance 2.0 to turn it into a smooth one-shot game demo video.

BudgetPixel AI

730,287 Aufrufe • vor 1 Monat

New agent mode and IDE enhancements in Code Assist! → Agent mode: Analyzes full codebase to handle multi-file tasks from one prompt IDE Enhancements: Control context via .aiexclude, attach terminal output & enjoy a smoother UI
0:18

New agent mode and IDE enhancements in Code Assist! → Agent mode: Analyzes full codebase to handle multi-file tasks from one prompt IDE Enhancements: Control context via .aiexclude, attach terminal output & enjoy a smoother UI

Google Cloud Tech

177,778 Aufrufe • vor 11 Monaten

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!
0:15

🎨 Artifacts support in Agent Chat UI Need to render generative UI components outside of the chat window? Together with streaming, you can create interactive UI components that go beyond chat!

David Duong

38,445 Aufrufe • vor 1 Jahr