diff --git a/color-bar.md b/color-bar.md
index 55d91fe..53c1b2e 100644
--- a/color-bar.md
+++ b/color-bar.md
@@ -2,7 +2,7 @@
The color bar shows the palette for the active sprite:
-
+
Each color can be identified by its index, starting from 0 to 255.
diff --git a/color-bar/color-bar.png b/color-bar/color-bar.png
index 4a50d05..330145d 100644
Binary files a/color-bar/color-bar.png and b/color-bar/color-bar.png differ
diff --git a/customization.md b/customization.md
index c3ee328..d05ca40 100644
--- a/customization.md
+++ b/customization.md
@@ -4,6 +4,7 @@ You can change the most common Aseprite configuration from these menus:
* *Edit > [Preferences](preferences.md)* (Ctrl+K key, or on macOS: ⌘K or ⌘,)
* *Edit > [Keyboard Shortcuts](keyboard-shortcuts.md)* (Ctrl+Alt+Shift+K or ⌥⇧⌘K on macOS)
+* *View > [Workspace Layout](workspace-layout.md)* (Shift+W or ⌘W on macOS)
Other ways of customization are more advanced and require downloading
some file (extensions or script) and installing it from *Edit >
diff --git a/keyboard-shortcuts.md b/keyboard-shortcuts.md
index 2f9b19d..1df056f 100644
--- a/keyboard-shortcuts.md
+++ b/keyboard-shortcuts.md
@@ -124,5 +124,6 @@ a specific axis):
**SEE ALSO**
+[Run Command](run-command.md) |
[Preferences](preferences.md) |
[Customization](customization.md)
diff --git a/run-command.md b/run-command.md
new file mode 100644
index 0000000..c2b0d63
--- /dev/null
+++ b/run-command.md
@@ -0,0 +1,69 @@
+# Run Command
+
+The Run Command window can run any option from the [menu bar](menu-bar.md#menu-bar), any installed script, or any command from the [keyboard shortcuts](keyboard-shortcuts.md#keyboard-shortcuts) menu. It can be accessed with *View > Run Command* or Ctrl+Space.
+
+
+
+## Running a Command
+
+To run a command, search the name of the command you want to run in the search box. Below the search box, search results will appear. Press Enter to execute the first result; use the arrow keys to pick other results.
+
+
+
+## Math Expressions
+
+The Run Command window supports math expressions. To enter a math expression, type = (equals sign) followed by a math expression. The result will be shown below the entry box. If the math expression is invalid (e.g: there is an unclosed parenthesis) then the result will be `NaN`.
+
+
+
+
+### Supported Symbols, Constants, & Functions
+
+| Symbol | Description
+|-|-
+| `+` | Add
+| `-` | Subtract/Negate
+| `*` | Multiply
+| `/` | Divide
+| `^` | Exponent/Power
+| `%` | [Modulus](https://en.wikipedia.org/wiki/Modulo) (remainder divide)
+
+| Constant | Description
+|-|-
+| `pi` | The value of [Pi](https://en.wikipedia.org/wiki/Pi) (`3.14159...`).
+| `e` | E for use in [scientific notation](https://en.wikipedia.org/wiki/Scientific_notation#E_notation), e.g (`2.4e8`).
+
+**Supported Functions:**
+* `abs(x)`
+* `acos(x)`
+* `asin(x)`
+* `atan(x)`
+* `atan2(x, y)`
+* `ceil(x)`
+* `cos(x)`
+* `cosh(x)`
+* `exp(x)`
+* `floor(x)`
+* `ln(x)`
+* `log(x)`
+* `log10(x)`
+* `pow(x, y)`
+* `sin(x)`
+* `sinh(x)`
+* `sqrt(x)`
+* `tan(x)`
+* `tanh(x)`
+
+## Inline Lua Expressions
+
+The Run Command window supports inline [Lua](https://www.lua.org/) code. To start a codeline, type @.
+
+
+
+Global variables and functions can be created and accessed with another Run Command codeline; the variables and functions are reset after the Aseprite instance is closed.
+
+---
+
+**SEE ALSO**
+
+[Keyboard Shortcuts](keyboard-shortcuts#keyboard-shortcuts.md)
\ No newline at end of file
diff --git a/run-command/lua.gif b/run-command/lua.gif
new file mode 100644
index 0000000..e1f47f5
Binary files /dev/null and b/run-command/lua.gif differ
diff --git a/run-command/math.gif b/run-command/math.gif
new file mode 100644
index 0000000..2170f07
Binary files /dev/null and b/run-command/math.gif differ
diff --git a/run-command/run-command.gif b/run-command/run-command.gif
new file mode 100644
index 0000000..9b7cf5c
Binary files /dev/null and b/run-command/run-command.gif differ
diff --git a/run-command/search.gif b/run-command/search.gif
new file mode 100644
index 0000000..dd49387
Binary files /dev/null and b/run-command/search.gif differ
diff --git a/scripting.md b/scripting.md
index c5894fd..2a41bb4 100644
--- a/scripting.md
+++ b/scripting.md
@@ -3,11 +3,11 @@
**[Aseprite v1.2.10-beta2](https://www.aseprite.org/release-notes/#aseprite-v1-2-10-beta10)**
introduced the possibility to write scripts with Lua:
-* [API Reference](https://github.com/aseprite/api#aseprite-api)
-* [Known issues and report bugs](https://github.com/aseprite/api/issues)
+* [API Reference](https://www.aseprite.org/api)
+* [Known issues and report bugs](https://github.com/aseprite/aseprite/issues)
Scripts are located in the [user scripts folder](https://community.aseprite.org/t/locate-user-scripts-folder/2170)
-that you can easily locate going to *File > Scripts > Open Script Folder*.
+that you can easily locate going to *File > Scripts > Open Scripts Folder*.
Script Examples:
diff --git a/sidebar.md b/sidebar.md
index 4bd6972..96bae81 100644
--- a/sidebar.md
+++ b/sidebar.md
@@ -1,8 +1,9 @@
-### Table of content
+### Table of contents
[Overview](overview.md)
[Basics](basics.md)
+* [Workspace](workspace.md)
* [Image & Sprite](sprite.md)
* [Color](color.md)
* [Drawing](drawing.md)
@@ -23,5 +24,7 @@
[Customization](customization.md)
* [Preferences](preferences.md)
+* [Keyboard Shortcuts](keyboard-shortcuts.md)
+* [Workspace Layout](workspace-layout.md)
* [Extensions](extensions.md)
* [Scripting](scripting.md)
diff --git a/workspace-layout.md b/workspace-layout.md
new file mode 100644
index 0000000..49fc586
--- /dev/null
+++ b/workspace-layout.md
@@ -0,0 +1,34 @@
+# Workspace Layout
+
+Certain UI window elements can be moved (docked) to different positions in the window. To enter the Workspace Layout mode, you can press Shift+W, *View > Workspace Layout*, or click the *boxes icon* in the top right corner of the window. There are two native layouts: Default (Default Aseprite layout) and Mirrored Default (The Default layout but mirrored).
+
+
+
+## Saving Layouts
+
+Aseprite allows custom layouts to be saved. The dropdown menu in the top right corner of the window (next to the layout button) controls the selected layout. The first two layouts in the dropdown (the "Workspace Layout" section) are native Aseprite layouts: Default (Default Aseprite layout) and Mirrored Default (The Default layout but mirrored). Below this (the "User Layouts" section), clicking "New Layout" creates a new layout. When moving around UI elements, the changes are saved to the currently selected layout.
+
+
+
+
+## Moving UI Elements
+
+In the Workspace Layout mode, these UI elements can be moved:
+- [Timeline](timeline.md)
+- [Color Bar](color-bar.md)
+- [Context Bar](context-bar.md)
+- [Tool Bar](tool-bar.md)
+- [Status Bar](status-bar.md)
+
+Each element has three lines at the top or side of them. Clicking and dragging the three lines allows an element to be moved. When a dragged element is hovering over a valid place to move the element, an open space will appear, indicating that the element can be placed there.
+
+
+
+With the exception of the timeline, which can be moved to the top, bottom, left, and right in the window, vertical UI elements cannot be moved horizontally and horizontal UI elements cannot be moved vertically (e.g the toolbar cannot be moved to the top of the screen).
+
+---
+
+**SEE ALSO**
+
+[Workspace](workspace.md) |
+[Customization](customization.md)
\ No newline at end of file
diff --git a/workspace-layout/dragging-elements.gif b/workspace-layout/dragging-elements.gif
new file mode 100644
index 0000000..c3d2519
Binary files /dev/null and b/workspace-layout/dragging-elements.gif differ
diff --git a/workspace-layout/layout-button.gif b/workspace-layout/layout-button.gif
new file mode 100644
index 0000000..bd17422
Binary files /dev/null and b/workspace-layout/layout-button.gif differ
diff --git a/workspace-layout/new-layout.gif b/workspace-layout/new-layout.gif
new file mode 100644
index 0000000..a62796e
Binary files /dev/null and b/workspace-layout/new-layout.gif differ
diff --git a/workspace.md b/workspace.md
index d3adabc..3fba609 100644
--- a/workspace.md
+++ b/workspace.md
@@ -1,20 +1,24 @@
# Workspace
-You should become familiar with these window elements:
+This is what the Aseprite workspace looks like in the Default layout:
-
+
The most important elements are the
[sprite editor](sprite-editor.md), the
-[timeline](timeline.md), the [color bar](color-bar.md),
+[timeline](timeline.md), the [color bar and color pickers](color-bar.md),
and the [preview window](preview-window.md).
-Other familiar elements are the [menu bar](menu-bar.md) and
+Other elements are the [menu bar](menu-bar.md) and
the [tool bar](tool-bar.md). The [status bar](status-bar.md) also gives you valuable
information about the current sprite.
-The timeline is not visible by default, you can make it visible with the
-*View > Timeline* menu option or Tab key. (It also pops up
-automatically when you add a new frame or a new layer.)
+The timeline is not visible by default; it can be made visible with
+*View > Timeline* or the Tab key (It also pops up
+automatically when you add a new frame or a new layer).
+
+## Workspace Layout (Docking)
+
+See the [Workspace Layout](workspace-layout.md#workspace-layout) section.
## Drag and drop tabs
@@ -35,4 +39,5 @@ with the Left Mouse Button:
[Tabs](tabs.md) |
[Timeline](timeline.md) |
[Tool Bar](tool-bar.md) |
-[Menu Bar](menu-bar.md)
+[Menu Bar](menu-bar.md) |
+[Workspace Layout](workspace-layout.md)
diff --git a/workspace/screen.png b/workspace/screen.png
deleted file mode 100644
index 5faf358..0000000
Binary files a/workspace/screen.png and /dev/null differ
diff --git a/workspace/workspace.png b/workspace/workspace.png
new file mode 100644
index 0000000..80cdba2
Binary files /dev/null and b/workspace/workspace.png differ