diff --git a/src/components/Directory/MoreFeatures.jsx b/src/components/Directory/MoreFeatures.jsx
index 47424142..e4a050aa 100644
--- a/src/components/Directory/MoreFeatures.jsx
+++ b/src/components/Directory/MoreFeatures.jsx
@@ -60,6 +60,19 @@ const moreFeatures = [
icon: "import.svg",
href: "/tour/imports",
},
+ {
+ title: "Variables",
+ description:
+ "Reuse values like colors, labels, and anything else for clean diagram code.",
+ icon: "variables.svg",
+ href: "/tour/variables",
+ },
+ {
+ title: "Globs",
+ description: "All the power of wildcard globs you're already familiar with.",
+ icon: "globs.svg",
+ href: "/tour/globs",
+ },
{
title: "Autoformat",
description:
diff --git a/static/features/icons/globs.svg b/static/features/icons/globs.svg
new file mode 100644
index 00000000..92ddd17c
--- /dev/null
+++ b/static/features/icons/globs.svg
@@ -0,0 +1,3 @@
+
diff --git a/static/features/icons/variables.svg b/static/features/icons/variables.svg
new file mode 100644
index 00000000..423213ea
--- /dev/null
+++ b/static/features/icons/variables.svg
@@ -0,0 +1,3 @@
+