根据创意设计流程，梳理出不同的显示元素（例如图片、动画、视频、文字、输入框），显示元素之间的互动关系、控制方式，以及用户的操作（例如点击屏幕、拖拽）等等。显示元素分为背景类和非背景类，酷拼H5分别将其定义为：“舞台”和“角色”。

酷拼H5支持用户导入图片和音频素材供各类显示元素（也就是舞台和角色）使用。酷拼H5将图片素材定义为“造型”，将音频素材定义为“声音”。“舞台”和“角色”可以拥有和管理多个“造型”和“声音”，并随时进行切换，对应到H5就是显示内容变换和声音变换。 “舞台”和“角色”的作用之一就是集中管理各类素材，便于用户使用。

通过“编程积木”定义“舞台”、各个“角色”的行为、“角色”之间的互动规则、以及各类判断逻辑等等。例如将积木和积木 拼接在一起就实现这样的行为控制：用户点击当前“角色”后，角色向右移动10步。

酷拼H5将所制作的H5定义为“项目”，相对应的文件类型为“.kp”。通过酷拼制作工具将H5“项目”文件上传到酷拼H5网站，网站会自动生成一个固定的超链接（包括对应的二维码），打开这个超链接就可以运行H5项目；或者也可以项目文件发布到其它网站，配合酷拼H5播放器打开使用。