Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 1 год назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

🧵 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 просмотров • 1 год назад

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 просмотров • 20 дней назад

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 просмотров • 3 месяцев назад

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 просмотров • 2 лет назад

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 просмотров • 3 лет назад

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 просмотров • 8 месяцев назад

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 просмотров • 2 лет назад

🧵 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 просмотров • 1 год назад

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,813 просмотров • 4 месяцев назад

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,222 просмотров • 3 месяцев назад

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 просмотров • 1 год назад

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,742 просмотров • 2 месяцев назад

It's crazy how Samsung's One UI went from being one of the most sluggish Android skins to one of the smoothest right now. All because of One UI 7.
0:10

It's crazy how Samsung's One UI went from being one of the most sluggish Android skins to one of the smoothest right now. All because of One UI 7.

Alvin

49,026 просмотров • 1 год назад

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 просмотров • 2 лет назад

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 просмотров • 9 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 1 год назад

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 просмотров • 2 месяцев назад

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 просмотров • 11 месяцев назад