diff --git a/index.js b/index.js
index 88d3b26..d948ccd 100644
--- a/index.js
+++ b/index.js
@@ -41,7 +41,7 @@ window.downloadSketch = () => {
     const state = getState();
     const json = sketchDataToJSON(state.sketcher.present);
     const blob = JSONToBlob(json);
-    saveAsLib(blob, 'doodle.d3sketch');
+    saveAsLib(blob, 'doodle.doodle3d');
   });
 };
 
diff --git a/src/components/App.js b/src/components/App.js
index 01672c9..7f8d507 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -110,6 +110,7 @@ class App extends React.Component {
       const extentions = file.name.split('.').pop();
 
       switch (extentions.toUpperCase()) {
+        case 'DOODLE3D':
         case 'D3SKETCH':
         case 'JSON':
           const url = URL.createObjectURL(file);
diff --git a/webpack.config.js b/webpack.config.js
index 2100e0a..bea501b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -64,7 +64,7 @@ module.exports = {
           loader: 'url-loader?name=images/[name].[ext]'
         }
       }, {
-        test: /\.(svg|glsl|d3sketch)$/,
+        test: /\.(svg|glsl|d3sketch|doodle3d)$/,
         use: {
           loader: 'raw-loader'
         }