Kwik Interface

Kwik Interface

When Photoshop loads Kwik, users see the following interface (Kwik Panel):

On the top left corner, there are the three icons

The Recent Projects area lists all previously opened project. Double-click one of them and it will open.

You may edit ~/Documents/Kwik/recentProjects.xml to remove the old projects from the list.

Based on your Settings, you may see “greened icons” sample projects in the list as well. They are officially, provided by Kwiksher, tutorials that can be re-created for personal learning just with a double-click.

You may turn it off not to show the sample projects from Settings > General. Just uncheck Show Sample tutorials …

You can find Settings the left corner at the bottom.

if you have registered a activation code of a Pro(paid) license , you will see “You have a Pro license” message. Otherwise you have a free Basic license, you will see “Basic”;

This Cloud Icon only tells about Major updates. If you need to obtain the daily-build of Kwik, please check this link

New Project

Please go to New Project

When a project is opened,

When a project is opened, the interface changes:

The Toolset area shows different tools accordingly. Although more information on each tab is provided separately, this is the current 5 toolset categories list:

Toggle Pages/Components List

The 2 buttons at the left side (below the Publish button) toggles the Pages/Components list content. At their right side, you have a visual clue of the current page being edited.

this is component list view


You see the 5 colored icons on the top. If you clock, it shows up each toolset.

Icon Name Description
Project and Pages project settings, new page addition,actions, timers, variables, etc
Layers And Replacements layer properties, set language, spritesheet, sync text&audio etc
Animations linear, path animations, rotation, pulse, bounce etc
Interactions adding button, drag, spin, swipe etc
Physics box2d physics


it generates images and programming codes and open Corona simulator for preview.

Compress Images

pressing it will externally execute an open-source program called pngquant that compresses PNG files immensely. It is recommended that you use it when your project is ready to be submitted to the main stores. After doing that, always test your project in the device to check for potential issues (some images may get imperfections after the compression).

For more information on pngquant, check the official site at

Assemble Images

this feature creates animated GIF or A-PNG from corona simulator’s screenshots. Please read the article below.

Export Images

it enables/disables the export of images during the Publish process (this is a shortcut for the Export Images feature available in the Settings window). When enabled all layer images will be exported. If disabled, only the Lua code is exported – check the Settings page for more options;

Export Current Page Only

if enabled only exports the Lua code for the current page. If disabled, Kwik exports code for all pages in the project. When a project is opened and this option is selected, a text field will appear with the number of the current page, enabling you to change it for a higher number. Doing so, Kwik will export the current page till the page number in the text field. For example, if the current page is 3 and you enter 7, Kwik will export pages 3, 4, 5, 6 and 7;

Close Project

i closes the current project;


it allows you to delete a page or component selected in the list. Multiple selection is allowed;

Search icon

it toggles search by kind of component or text input;

Copy & Paste

it copies the selected component like button, animation etc into Kwik’s clipboard. Multiple selection is allowed.

paste the content of Kwik’s clipboard into the same page, another page or in all project pages. For more info on how to use the paste feature, check Copy and Paste page. Multiple selection is allowed;