diff --git a/Dockerfile b/Dockerfile
index 35b4e2a3..c5b16239 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -91,6 +91,13 @@ RUN npm install --global @vscode/vsce yarn && \
     mv style50-0.0.1.vsix /opt/cs50/extensions && \
     cd /tmp && \
     rm --force --recursive style50.vsix && \
+    git clone https://github.com/cs50/design50.vsix.git && \
+    cd design50.vsix && \
+    npm install && \
+    vsce package && \
+    mv design50-0.0.1.vsix /opt/cs50/extensions && \
+    cd /tmp && \
+    rm --force --recursive design50.vsix && \
     npm uninstall --global vsce yarn
 
 
diff --git a/devcontainer.json b/devcontainer.json
index 035919bd..8aad3070 100644
--- a/devcontainer.json
+++ b/devcontainer.json
@@ -12,6 +12,7 @@
             "extensions": [
                 "/opt/cs50/extensions/explain50-1.0.0.vsix",
                 "/opt/cs50/extensions/cs50-0.0.1.vsix",
+                "/opt/cs50/extensions/design50-1.0.0.vsix",
                 "/opt/cs50/extensions/ddb50-2.0.0.vsix",
                 "/opt/cs50/extensions/phpliteadmin-0.0.1.vsix",
                 "/opt/cs50/extensions/style50-0.0.1.vsix",