> For the complete documentation index, see [llms.txt](https://learn.prodiot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.prodiot.com/nasil-kullanilir/uygulamanizin-tasarimi.md).

# Uygulamanızın Tasarımı

#### Uygulamanızın nasıl görüneceğini tasarlayın

* Uygulamanızın yanındaki tasarım butonu ile tasarım ekranına geçiş yapın.
* Yeni butonuna tıklayarak uygulamda göstermek istediğiniz veriyi oluşturalım.

<div data-full-width="false"><figure><img src="https://3007417395-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0VcQ5dxKpRIz0O2O5wep%2Fuploads%2F9BJIoeINtJwUGJ2IaUKr%2F2.1.png?alt=media&amp;token=2029a45a-7b9d-4afe-aecd-83fd1b5316fb" alt=""><figcaption></figcaption></figure></div>

* Sensör ekle ekranın da veri üzerinde görüntülecek ismi, veri gönderiminde kullanılacak iletişim adını ve veriyi görüntüleme tipini seçelim.
* İstediğimiz kadar sensör oluşturabiliriz.
* Oluşturduğumuz sensörleri sürükle bırak yaparak uygulamdaki görünümlerini değiştirebiliriz.

<figure><img src="https://3007417395-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0VcQ5dxKpRIz0O2O5wep%2Fuploads%2F1WT60DeOA8KKGtZhLPIu%2F2.2.png?alt=media&amp;token=d44ef3ea-2861-4395-add6-3d207ad8a4a4" alt=""><figcaption></figcaption></figure>