> For the complete documentation index, see [llms.txt](https://learn.mondayhero.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/auto-component-code-generation.md).

# Automatically Generated Components

## Auto-Generated Specs from Sketch/Adobe XD to Developers

Monday Hero automatically understands the images, texts, and views in the design. On this page, you can find the code that Monday Hero creates code for you. In design tools, everything consists of texts, images, or views. Monday Hero understands and generates this code automatically for you. The details are explained below:

* [Labels](/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-to-text-code.md)
* [Images](/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-image-to-code.md)
* [Views](/v1-mac-app/working-with-monday-hero/auto-component-code-generation/design-to-view-code.md)

However, it's so common to have components/widgets like buttons, lists, or text areas that are essential in the code. You can find them on the [Convert to Components](/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code.md) page.