Lazy UIsDocs
    WebsitePricingGet started
    Getting started

    How it works

    From a Figma file to a project you can build, in four steps.

    1. 1
      Save a local copy

      In Figma, choose File → Save local copy…. That .fig file is all Lazy UIs needs; see Export your .fig file.

    2. 2
      Upload it and pick the frame

      Upload the file and choose the screen to start from. Click any layer in the preview to see its exact values.

    3. 3
      Configure

      Choose Loader or Menu and name the project. Screens lists the other frames your buttons lead to, and Pages assigns a frame to each navigation item.

    4. 4
      Convert and download

      Convert, check the preview, the code, and the controls Lazy UIs found, then download the project as a ZIP and build it in Visual Studio.

    Loader or Menu?

    PickWhen you're making
    LoaderA standalone window exactly the size of your frame: launchers, sign-in flows, tools. It moves when you drag an empty area, and your window icons close and minimize it.
    MenuAn overlay across the screen with your frame centered on it: in-game menus. It can be dragged anywhere, and the rest of the screen stays see-through.

    Both are Visual Studio projects using DirectX 11 and the same generated code; see The C++ project.