Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl ö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

🧵 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 görüntüleme • 1 yıl önce

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,171 görüntüleme • 3 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 2 yıl önce

🧵 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 görüntüleme • 1 yıl önce

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,612 görüntüleme • 3 ay önce

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,199 görüntüleme • 2 ay önce

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,499 görüntüleme • 1 yıl önce

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

361,981 görüntüleme • 1 ay önce

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,076 görüntüleme • 2 yıl önce

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 görüntüleme • 8 ay önce

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 görüntüleme • 2 ay önce

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 görüntüleme • 11 ay önce

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 görüntüleme • 1 ay önce

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,774 görüntüleme • 11 ay önce

🎨 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 görüntüleme • 1 yıl önce

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."
0:12

We've released a new frontend-design plugin for Claude Code. Here's Claude's output for: "use the frontend design skill. Create a music player app."

Thariq

488,293 görüntüleme • 7 ay önce