Build

    The generated code

    Where the design, its colors, and the shared runtime live.

    A project keeps the design separate from the helpers it's drawn with, so the part that's yours to read is short.

    generated/
    generated_ui.hpp      render( ), frame_size( ), notify( ), and every control in figma_generated::controls
    generated_ui.cpp      the design: text, one draw_ function per section, render( )
    generated_theme.hpp   the frame size and every color, named by role
    generated_fonts.*     the design's fonts and icon glyphs
    generated_assets.*    embedded images
    lazyui_runtime.*      shared drawing, blur, and control helpers

    Inside generated_ui.cpp

    Each top-level part of the frame is one function, named after the layer or its heading: draw_sidebar, draw_main, draw_settings. draw_frame calls them in paint order, and page or screen content sits under one condition each. Input is handled first, in update_controls, grouped the same way.

    generated_ui.cpp
    void update_controls( ImVec2 origin )
    {
        begin_pointer_frame( );
        update_selection( navigation, navigation_slots, origin, true, 123.f, 164.f );
    
        if ( navigation.selected == 0 )
        {
            update_switch( enable_aimbot, origin + ImVec2{ 254.f, 164.f }, origin + ImVec2{ 524.f, 188.f } );
            update_slider( fov, origin + ImVec2{ 578.f, 186.f }, origin + ImVec2{ 840.f, 206.f }, ... );
        }
    }
    
    void draw_frame( ImDrawList* draw, ImVec2 origin )
    {
        draw_sidebar( draw, origin );
        if ( navigation.amount[0] > 0.001f )
        {
            draw_main( draw, origin );
            draw_settings( draw, origin );
        }
    }

    Changing colors

    Every color the design uses is a named constant in generated_theme.hpp, such as theme::fill_080a0b or theme::text_ffffff. Changing one there restyles every layer that uses it.