# Convert to Components
## Convert Components and Generate Swift/Kotlin & XML Code
Monday Hero automatically understands the images, texts, and views in the design. However, it's so common that components/widgets like buttons, lists, or text areas are essential in the code. It's so easy to convert the layers to the components/widgets. You will also have the styles within the code.
Below, there is an example of an app that consists of lists, grids, buttons, and more. Monday Hero can create every single component in the app and the design will be used to show how to do it. If you want to see the tutorial about it, [here](https://learn.mondayhero.io/v1-mac-app/step-by-step-tutorials/travel-app-tutorial-design-to-ios-code) is the link.
Follow the steps to explore every single component and start building your app! The first step is to see [how to create a component](https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code/how-to-convert-component-to-ios-android-code) briefly.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://learn.mondayhero.io/v1-mac-app/working-with-monday-hero/component-convert-to-ios-android-code.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.