Editor actions
Stay organized with collections
Save and categorize content based on your preferences.
Android Studio has features inside the editor area to improve your productivity
with Jetpack Compose.
Live templates
Android Studio comes with these Compose-related live templates, which allow you
to enter code snippets for fast insertion by typing the corresponding template
abbreviation:
comp to set up a @Composable functionprev to create a @Preview composable functionpaddp to add a padding Modifier in dpweight to add a weight ModifierW, WR, WC to surround the current composable with a Box, Row, or
Columncontainer
Gutter icons
Gutter icons are contextual actions visible on the sidebar, next to the line
numbers. Android Studio introduces several gutter icons specific to Jetpack
Compose to ease your developer experience.
Deploy preview
You can deploy a @Preview to the emulator or physical device directly from the
gutter icon:
Color picker
Whenever a color is defined inside or outside a composable, its preview is shown
on the gutter. You can change the color via the color picker by clicking on it
like this:
Image resource picker
Whenever a drawable, vector, or image is defined inside or outside a composable,
its preview is shown on the gutter. You can change it via the image resource
picker by clicking on it like this:
Recommended for you
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2025-08-26 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-08-26 UTC."],[],[],null,["# Editor actions\n\nAndroid Studio has features inside the editor area to improve your productivity\nwith Jetpack Compose.\n\nLive templates\n--------------\n\nAndroid Studio comes with these Compose-related live templates, which allow you\nto enter code snippets for fast insertion by typing the corresponding template\nabbreviation:\n\n- `comp` to set up a `@Composable` function\n- `prev` to create a `@Preview` composable function\n- `paddp` to add a `padding` Modifier in dp\n- `weight` to add a `weight` Modifier\n- `W`, `WR`, `WC` to surround the current composable with a `Box`, `Row`, or `Column`container\n\nGutter icons\n------------\n\nGutter icons are contextual actions visible on the sidebar, next to the line\nnumbers. Android Studio introduces several gutter icons specific to Jetpack\nCompose to ease your developer experience.\n\n### Deploy preview\n\nYou can deploy a `@Preview` to the emulator or physical device directly from the\ngutter icon:\n\n### Color picker\n\nWhenever a color is defined inside or outside a composable, its preview is shown\non the gutter. You can change the color via the color picker by clicking on it\nlike this:\n\n### Image resource picker\n\nWhenever a drawable, vector, or image is defined inside or outside a composable,\nits preview is shown on the gutter. You can change it via the image resource\npicker by clicking on it like this:\n\nRecommended for you\n-------------------\n\n- Note: link text is displayed when JavaScript is off\n- [Compose layout basics](/develop/ui/compose/layouts/basics)\n- [Compose modifiers](/develop/ui/compose/modifiers)\n- [Lists and grids](/develop/ui/compose/lists)"]]
