Hello World

Uncodie is a tool that will help you deploy your website or app quickly and easily, create all this without code.

Objective

In this “Hello World” tutorial we will teach you how to create a landing page using your design in Figma to compile it and bring it to life with Uncodie. We will make a landing page, easy and fast to familiarize ourselves with the tool.

Steps

1. Create a new frame in Figma, either fixed size or with auto layout.

2. Add a text inside the frame that says “Hello World”.

3. Open the Uncodie Plugin in Figma.

4. Log in to Uncodie.

5. Create a new project from the 3-dot button in the top right corner and then, click on the “Create” button.

6. Choose a name for the project (remember it will be the name of your domain, so think about using appropriate characters).

7. Choose the type of project that suits your needs and click on the “Create Project” button.

8. Finally, click on the compile button, when it finishes, a button will appear to go to your new website.

Use cases

We use Hello World as a practical exercise so that you can familiarize yourself with the tool

When not to use

The Hello World is just a hands-on exercise to get you acquainted with the tool. You can't do layouts or things that require more work or development, so we suggest you move to Figma so you can start using Uncodie.

Common problems

If your project is not designed with the best practices of Figma and basic CSS knowledge, it will be difficult to compile your project.