diff --git a/src/js/module/stitches.js b/src/js/module/stitches.js
index 4dbe1166..1ba17a52 100644
--- a/src/js/module/stitches.js
+++ b/src/js/module/stitches.js
@@ -359,6 +359,34 @@ function($, Modernizr, store, util, templates, fileManager, layoutManager, style
                                 self.updateProgress(1, "success");
                             }
                         }
+                    },
+                    importfile: {
+                        "change": function (e) {
+                            var $import = $(e.currentTarget);
+                            var $importGroup = $import.parents(".control-group");
+                            var file   = $(e.currentTarget).get(0).files[0];
+                            var reader;
+                            var data;
+
+                            $importGroup.removeClass("error");
+
+                            if (file) {
+                                reader = new FileReader();
+                                reader.onload = function (readerEvent) {
+                                    try {
+                                        data = JSON.parse(readerEvent.target.result);
+                                        self.importData(data);
+                                    } catch (x) {
+                                        $importGroup.addClass("error");
+                                        self.$element.trigger("error", [x]);
+                                    }
+                                }
+
+                                reader.readAsText(file);
+                            } else {
+                                self.updateProgress(1, "success");
+                            }
+                        }
                     }
                 }
             });
@@ -525,6 +553,7 @@ function($, Modernizr, store, util, templates, fileManager, layoutManager, style
             var $navTabs = this.$settings.find("ul.nav-tabs");
             var $navFirst = $navTabs.find("li:first-child a");
             var $import = this.$settings.find(":input[name=import]");
+            var $importFile = this.$settings.find(":input[name=importfile]");
             var $importGroup = $import.parents(".control-group");
 
             // go back to the first tab
@@ -532,6 +561,7 @@ function($, Modernizr, store, util, templates, fileManager, layoutManager, style
 
             // clear out the import field
             $import.val("");
+            $importFile.val("");
             $importGroup.removeClass("error");
 
             if (this.palettes.settings.visible) {
@@ -810,4 +840,4 @@ function($, Modernizr, store, util, templates, fileManager, layoutManager, style
 
     return Stitches;
 
-});
\ No newline at end of file
+});
diff --git a/src/templates/stitches.tpl b/src/templates/stitches.tpl
index db7c89ce..6c3e9f32 100644
--- a/src/templates/stitches.tpl
+++ b/src/templates/stitches.tpl
@@ -129,7 +129,12 @@
                             </div>
                             <div class="tab-pane" id="import">
                                 <div class="control-group">
-                                    <label class="control-label">Paste import here</label>
+                                    <label class="control-label">Select a file</label>
+                                    <div class="controls">
+                                        <input type="file" name="importfile"/>
+                                    </div>
+                                <div class="control-group">
+                                    <label class="control-label">or paste import here</label>
                                     <div class="controls">
                                         <textarea name="import" rows="10"></textarea>
                                     </div>
@@ -251,4 +256,4 @@
         <!-- /.stitches-palettes -->
     </div>
     <!-- /.stitches-drop-box -->
-</div>
\ No newline at end of file
+</div>