页面
在cellz中页面左右两侧都有分布，左边主要是一个页面列表，右侧则是页面的设置面板。添加多个页面可以直接单击页面列表中的“+”按钮，拖动页面也可直接进行嵌套。
说明：在不同对象的属性面板中缩略图的下方都有一个刷新标识。 在原路径下，使用其他设计软件修改原素材存储后，单击此选项，工程文件中也会相应改变。
“页面名称”的修改除了可以在页面的设置面板中修改外，还能在左侧的页面列表中，双击“页面页”直接修改。
制作区
缩放
制作区的缩放，除了可以通过调整缩放比的数值大小来查看对象或设计效果，也可以单击鼠标右键，利用页面缩小、页面放大、原始尺寸来进行调节。我们还创建了一系列快捷键来帮助实现这个效果，command+“-”缩小；command+“+” 放大；command+0回到原始大小。
如果你想通过移动页面来查看对象或效果，长按空格键，当鼠标箭头变为“手”的形状时，拖动鼠标，抓取想要查看的对象。
标尺
cellz中的标尺是默认打开的状态，你可以根据需求选择刻度值，并任意拖动它来设置自己的起始点。
你可以在标尺上任一位置单击鼠标，添加参考线。若想移动参考线，你需要在标尺中选中参考线再拖拽它。若想隐去标尺，单击右上角标尺项，标尺则隐去；清除标尺参考线，鼠标拉动红线至标尺边侧末端。
参考线
参考线在cellz中是自动存在的，当你在调整一个图层大小或移动一个图层的位置时， cellz会自动显示出一条两个不同图层对齐的红色参考线，利用该线就可以使图层对齐。
出血线
cellz默认的出血线设置是36px，你可以在页面属性板上根据自己的实际需求调整。在终端运行时，出血线的设置是为了更好的适配不同屏幕，保证你的内容不被裁切掉。
测量
同参考线一样，当你在调整一个图层的大小或位置时，页面上会自动出现一些标有数值的红线，这便是选中图层与相近图层间的间距值。
当你拉动某一对象，移动到就近图层距离相等的情况，cellz将会给你提示，以方便你归置图层的位置。
为了方便你的排版工作，cellz默认开启了位置吸附。对于细节位置调整，你可以通过箭头按键微调位置。
资源管理器
在cellz的左上角有一个“资源管理器”，它主要是用来管理你设计时使用的素材文件，它会分类别将素材存储在文件夹中，方便你编辑时随时提取素材资源，单击它，会弹出一个资源整合分类的界面，里面包含了本地各类资源，你可以利用图片、音频、视频来切换每个存储目录里的文件类型，直接选中文件，拖入编辑区即可。
值得注意的是，cellz支持多种文件格式的资源输入，如PNG、JPG、GIF和PSD分层文件。若你的MAC系统是OS X10.9以上的，你将发现cellz无比强大的psd解析功能，它会将你的psd文件分层创建，以便你可以在cellz中根据需要再次编辑这些图层。