Help
Academy
  • INTRODUCTION
  • About Reasy
  • Why Choose Reasy?
  • User Registration
  • Invite & Manage Users
  • GETTING STARTED
    • Create Your First App
    • App Dashboard
    • Workspace
      • Engine Explorer
      • Navigation Explorer
      • Canvas
      • Tools
        • Screen Components
          • Input Elements
          • Containers
          • Texts
          • Buttons
          • Charts
          • Grids
          • Cards
          • Files & Images
          • Custom Components
          • Pre-built Screens
        • Custom Screen Components
        • BPMN Components
        • Data-Driven Plugins
          • Data Sources
            • SQL Plugin
            • Session Plugin
            • MakeServerURL
            • PrivatePDM
            • Logout
            • MethodInvoker
            • UMPlugin
            • APIConsumer
            • EmailReaderPlugin
            • FileReaderPlugin
            • FileWriterPlugin
            • FileDownloadPlugin
            • FileUtils
            • PropertyReader
            • DateUtils
            • JsonUtils
            • JoinPlugin
            • EncryptDecrypt
            • StringUtils
          • Data Display
          • Business Tools
      • Property Editor
        • General Properties
        • Design Properties
    • Engines
      • Screens
        • Responsive Grid System
        • Building App Layout
        • Building Screens
        • Creating Pop-up Screens
        • Events and Actions
        • Importing Screens
          • Importing an HTML
          • Importing a Figma Screen
          • Importing a PDF
          • Importing a Screenshot
          • Importing a Hand-drawn Sketch
          • Text to Screen
        • Manage Screens
      • Data Modeler
        • Setting up a Data Source
        • Creating a Model
          • Adding Computational Formula
          • Adding Validations
        • Importing a Data Model
        • Entity Relationships
        • Exporting a Data Model
      • APIs
        • A Step-by-Step Guide to Build an API
        • Creating an API Service
        • API Configuration
        • Publishing API
        • API Authentication
        • Consuming REST APIs
        • Manage API Services
      • Navigation
        • Layout Setup
        • Creating Microapps
        • Manage Microapps
      • Page
      • Workflow
        • Creating Workflows
        • Workflow Templates
        • Optimizing Complex Workflows
        • Manage Workflows
      • User Management
        • Users
        • Roles
        • Policies
        • Password Policies
        • Data Rules
      • Resources
      • Languages
        • Translating App Language
        • Manage Languages
    • App Management
  • TECHNICAL INFORMATION
Powered by GitBook
On this page

Was this helpful?

  1. GETTING STARTED
  2. Engines
  3. Screens
  4. Importing Screens

Importing a Figma Screen

PreviousImporting an HTMLNextImporting a PDF

Last updated 1 year ago

Was this helpful?

You may use Figma to visualize user-facing features and interactive aspects and create rough mockups, wireframes, and prototypes. This feature helps you quickly turn those wireframes into interactive and responsive screens without having to deal with HTML code.

This article will guide you through the process of importing a Figma screen into your Reasy app and show you how easy it can be.

  • Expand the layout in which you wish to import a Figma screen, then go to Screens and right-click '' to select Import Figma Screen.

  • Enter the URL of the Figma file and click Submit.

  • Enter your Figma credentials and then click Accept in the displayed pop-up, to gain access to Figma, where it can import the screen from the link you provided.

  • The screen is then imported and made available in Navigation Explorer.

The imported screen can now be accessed from the Navigation Explorer. Open it and make the necessary changes to it.