We designed all you need for this app 🤓

We designed all you need for this app

Creating a project

How to export a design from Sketch to Monday Hero. #sketchtocode

How to export a design from Adobe XD to Monday Hero.


How to export a design from Adobe XD to Monday Hero

Exported screens in a project. w/Monday Hero.

Exported screens in a project. w/Monday Hero

Creation of collectionView and defining the cell prototype.

Creation of collectionView and defining the cell prototype

Button examples with different properties.

Button examples with different properties

How to create a button in Monday Hero

TableView and Cell Prototype in Profile Page.

TableView and Cell Prototype in Profile Page

Create TableView

List Page and TableView component

Buttons on the Home Page

How to export all screens in the project.

How to export all screens in the project

A folder that is full of your design, assets, fonts, colors, layouts…… and the CODE. 🤓

A folder that is full of your design, assets, fonts, colors, layouts and the CODE

The texts that we will define equal widths, and how it looks in Xcode.

The texts that we will define equal widths, and how it looks in Xcode

The pop-up options to define widths

How to define widths in Xcode

How to change the position of the button in Xcode.


How to change the position of the button in Xcode

Tutorial results

Travel app pages are supported for both iOS and Android.

Travel app pages are supported for both iOS and Android

In this app, users can share the pictures that they take, and have a timeline and profile page like Instagram. Also, users can see views, likes, usernames, comments, etc. Depending on your experience…

Post Details

Showcase 1: Building an Instagram-Like Travel App | iOS Tutorial

Nazli Temurtas