---
uid: Uno.GetStarted.Wizard
---

<!-- TITLE SECTION -->
<div style="display: flex; justify-content: center; align-items: center; text-align: center;">
  <h1>Welcome to Uno Platform! Important Next Steps</h1>
</div>

<!-- COUNTER - HOT DESIGN TUTORIAL - SECTION -->
<p style="text-align: center;">
  Create a simple cross-platform Counter application (Time to complete &lt; 5 min):
</p>

<!-- markdownlint-disable MD001 -->

<!-- Centered first item -->
<div style="display: flex; justify-content: center; align-items: center;">
<div class="col-md-6 col-xs-12">
<a href="studio/Hot Design/hot-design-getstarted-counter-tutorial.md">
<div class="alert alert-info alert-hover">

#### Hot Design®

Use Hot Design®, Uno Platform's visual designer, to design and develop the app.

</div>
</a>
</div>
</div>

<p align="center">
  <img src="Assets/getting-started-hot-design.png" alt="Welcome-Hot Design-Counter" style="width:auto; max-width:90%; height:auto;" />
</p>

<br/>

<!-- COUNTER - OTHER VARIANTS TUTORIALS - SECTION -->

<p style="text-align: center;">
    Prefer to start from code? Choose one of the 4 variants of the Counter tutorial, combining markup language (XAML or C# Markup) and presentation framework (MVVM or MVUX).
</p>

<br/>

<div class="row">

<div class="col-md-6 col-xs-12">
<a href="getting-started/counterapp/get-started-counter-xaml-mvux.md">
<div class="alert alert-info alert-hover">

#### XAML + MVUX

Use XAML for layout and MVUX for state management

</div>
</a>
</div>

<div class="col-md-6 col-xs-12">
<a href="getting-started/counterapp/get-started-counter-xaml-mvvm.md">
<div class="alert alert-info alert-hover">

#### XAML + MVVM

Use XAML for layout and MVVM for state management

</div>
</a>
</div>

<div class="col-md-6 col-xs-12">
<a href="getting-started/counterapp/get-started-counter-csharp-mvux.md">
<div class="alert alert-info alert-hover">

#### C# Markup + MVUX

Use C# Markup for layout and MVUX for state management

</div>
</a>
</div>

<div class="col-md-6 col-xs-12">
<a href="getting-started/counterapp/get-started-counter-csharp-mvvm.md">
<div class="alert alert-info alert-hover">

#### C# Markup + MVVM

Use C# Markup for layout and MVVM for state management

</div>
</a>
</div>

</div>

<br/>

<!-- GETTING HELP SECTION -->

[!include[getting-help](includes/getting-help.md)]