> ## Documentation Index
> Fetch the complete documentation index at: https://docs.firebender.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Compose Previews

Firebender provides powerful features to enhance your Android development workflow directly within Compose previews.

## Dev Mode View

Dev mode shows you useful information about your Android app, including the distance between UI elements measured in dp (density-independent pixels).

<video autoPlay loop muted playsInline style={{width: '100%', borderRadius: '12px'}}>
  <source src="https://mintcdn.com/firebendercorp/unK9XP5AkA6wmgZ5/assets/dp-distance-demo.webm?fit=max&auto=format&n=unK9XP5AkA6wmgZ5&q=85&s=852c0bf892ad84aeb796aeac0ac66c3b" type="video/webm" data-path="assets/dp-distance-demo.webm" />
</video>

## Preview Edit

Edit your Android app's UI using natural language. Simply describe the changes you want to make, and the preview will update in real-time.

<video autoPlay loop muted playsInline style={{width: '100%', borderRadius: '12px'}}>
  <source src="https://mintcdn.com/firebendercorp/unK9XP5AkA6wmgZ5/assets/preview-edit-demo.webm?fit=max&auto=format&n=unK9XP5AkA6wmgZ5&q=85&s=ff98735affe1082af8c7d0dcb220c354" type="video/webm" data-path="assets/preview-edit-demo.webm" />
</video>