my_app/
├── src/
│   ├── app.rs              # メインアプリエントリ、イベントルーティング
│   ├── lib.rs              # モジュール宣言、live_register
│   ├── home/               # 機能モジュール
│   │   ├── mod.rs
│   │   └── home_screen.rs
│   └── shared/             # 再利用可能なウィジェット
│       ├── mod.rs
│       ├── styles.rs       # テーマ、色
│       └── widgets.rs
└── resources/              # 画像、フォント

live_design! {
    use link::theme::*;
    use link::shaders::*;
    use link::widgets::*;

    App = {{App}} {
        ui: <Root> {
            main_window = <Window> {
                body = <View> {
                    flow: Down,
                    spacing: 10,
                    padding: 20,

                    my_button = <Button> {
                        text: "クリック"
                        draw_bg: { color: #4A90D9 }
                    }

                    <Label> { text: "こんにちは Makepad" }
                }
            }
        }
    }
}

fn handle_event(&mut self, cx: &mut Cx, event: &Event, scope: &mut Scope) {
    match event.hits(cx, self.view.area()) {
        Hit::FingerDown(_fe) => {
            // クリックを処理
        }
        _ => {}
    }
}