docs(editor): shape builder tool

docs.json

@@ -98,6 +98,7 @@
                     "pages": [
                       "editor/fundamentals/shapes-and-paths-overview",
                       "editor/fundamentals/procedural-shapes",
+                      "editor/design/shape-builder",
                       "editor/fundamentals/pen-tool-overview",
                       "editor/fundamentals/fill-and-stroke",
                       "editor/fundamentals/edit-vertices",

editor/design/shape-builder.mdx

@@ -0,0 +1,53 @@
+---
+title: "Shape Builder"
+description: "Merge and subtract vector shapes."
+keywords: [
+  'pathfinder',
+  'pathfinder tool',
+  'boolean operations',
+  'boolean',
+  'merge shapes',
+  'combine shapes',
+  'subtract shapes',
+  'shape merge',
+  'union',
+  'difference',
+  'intersect'
+]
+---
+
+import { VideoEmbed } from '/snippets/video-embed.jsx'
+import { Marketplace } from '/snippets/marketplace.mdx'
+import { YouTube } from '/snippets/youtube.mdx'
+
+The Shape Builder tool lets you create new shapes by combining or subtracting vector shapes. Instead of editing paths manually, you can drag across regions to merge them or remove unwanted sections.
+
+<YouTube id="dhT1ZiubXxU" />
+
+
+<Marketplace
+  href="https://rive.app/community/files/28403-shape-builder/"
+/>
+
+
+<Steps>
+  <Step title="Select your shapes">
+    Select two or more vector shapes.
+  </Step>
+
+  <Step title="Activate the Shape Builder tool">
+    Click the **Shape Builder** tool from the **Create Tools** menu in the Toolbar or press **Shift** + **M**.
+  </Step>
+
+  <Step title="Merge regions">
+    Drag across adjacent regions to merge them into a single shape.
+
+    <VideoEmbed src="https://static.rive.app/video/combine-region.mp4" />
+  </Step>
+
+  <Step title="Subtract regions">
+    Hold <kbd>Alt</kbd> (Windows) or <kbd>Option</kbd> (macOS) while dragging or clicking to remove regions from the shape.
+
+    <VideoEmbed src="https://static.rive.app/video/subtract-region.mp4" />
+  </Step>
+</Steps>