左下是当前设计的UI所包括的控件这是一个树状结构，只有一个根节点一般是个Pane，默认是个AnchorPane

　　中间是设计的界面预览

　　右边是属性、布局、代码模块

　　设計主要是从左边拖运控件到中间的设计视图，一般用各种pane先设计框架再放控件，当然主要是按需求。设计其实很简单的只要有swing的layout的楿关知识，很容易理解这里的布局

一个简单的界面就设计出来了，接下来保存文件，保存的目标文件是一个扩展名为.fxml的XML文档

注：上述效果图具有一些简单的背景，这在后面介绍

　　两者都用来描述一个javaFX的UI其中 .fxgraph是json格式， .fxml是XML格式其实目的都一样，只是格式不一样JavaFX Scene Builder的輸出文件是.fxml，而fxgraph目前为止好像要自己编写就像手工编写html脚本一样。