Figma No Code Plugin

Download Encode IDE for Figma directly in Figma Plugins section or in the downloads page in uncodie

Overview

You can use Uncodie Figma IDE to compile a website locally or publish your designs as a website and Single Page Application (SPA) in your domain, the current IDE allows you to select the environment, branch, and version of the system to adapt better to your current needs.

Component

In this section, the type of interaction and the information that we introduce external components that can be modified in the project will be shown.

Out of the box Components

1. Repeat

2. Fullwidth

3. Input

4. Button

5. Form

6. Screen

7. WrapperRoute

Component type

In this section, a mechanism will be established that links the elements of the interface with the part in which the data to be displayed will be obtained and assembled. In a nutshell, in this section, you are going to configure the front and back of our project.

No code: In this section, the query will be established to obtain information and convert the selected element into a Datasource.

Code: In this section, you can add and/or configure the keywords for the project

Actions

In this section, you will configure the scripts and automatically execute the backend code in response to requests to cloud functions related to the project.

Script

1. Script

2. Trigger: This section will define the query that will be executed automatically and is executed when a modification is made on it, in this case for the script.

Appearance

In this section, you can modify and/or control which elements of the user interface you want to display in the application, according to the API data.

• Basic

• Advanced

Data

In this section, you can configure, manage, and customize the necessary variables for users using the variables compatible with Uncodie for their API requests to run the project efficiently.

Publish Settings

This section is where all the information regarding the project in question and the compilation of your application will be displayed.

• Project settings

• Project Branch

• Compiler version