diff --git a/frontend/src/app/main/ui/viewer/handoff.cljs b/frontend/src/app/main/ui/viewer/handoff.cljs
index 1c22c07f1..fc06143f4 100644
--- a/frontend/src/app/main/ui/viewer/handoff.cljs
+++ b/frontend/src/app/main/ui/viewer/handoff.cljs
@@ -37,7 +37,7 @@
        (st/emit! (dv/select-shape (:id frame)))))
 
 (mf/defc render-panel
-  [{:keys [data local index]}]
+  [{:keys [data local index page-id file-id]}]
   (let [locale  (mf/deref i18n/locale)
         frames  (:frames data [])
         objects (:objects data)
@@ -67,12 +67,14 @@
           [:& render-frame-svg {:frame-id (:id frame)
                                 :zoom (:zoom local)
                                 :objects objects}]]]
-        [:& right-sidebar {:frame frame}]])]))
+        [:& right-sidebar {:frame frame
+                           :page-id page-id
+                           :file-id file-id}]])]))
 
 (mf/defc handoff-content
-  [{:keys [data local index] :as props}]
-  (let [container (mf/use-ref)
+  [{:keys [data local index page-id file-id] :as props}]
 
+  (let [container (mf/use-ref)
         [toggle-fullscreen fullscreen?] (hooks/use-fullscreen container)
 
         on-mouse-wheel
@@ -111,7 +113,9 @@
                               :screen :handoff}])
       [:& render-panel {:data data
                         :local local
-                        :index index}]]]))
+                        :index index
+                        :page-id page-id
+                        :file-id file-id}]]]))
 
 (mf/defc handoff
   [{:keys [file-id page-id index] :as props}]
@@ -123,6 +127,8 @@
   (let [data (mf/deref refs/viewer-data)
         local (mf/deref refs/viewer-local)]
     (when data
-      [:& handoff-content {:index index
+      [:& handoff-content {:file-id file-id
+                           :page-id page-id
+                           :index index
                            :local local
                            :data data}])))
diff --git a/frontend/src/app/main/ui/viewer/handoff/attributes.cljs b/frontend/src/app/main/ui/viewer/handoff/attributes.cljs
index fe7658f8f..4b29485eb 100644
--- a/frontend/src/app/main/ui/viewer/handoff/attributes.cljs
+++ b/frontend/src/app/main/ui/viewer/handoff/attributes.cljs
@@ -12,6 +12,7 @@
    [rumext.alpha :as mf]
    [app.util.i18n :as i18n]
    [app.common.geom.shapes :as gsh]
+   [app.main.ui.viewer.handoff.exports :refer [exports]]
    [app.main.ui.viewer.handoff.attributes.layout :refer [layout-panel]]
    [app.main.ui.viewer.handoff.attributes.fill :refer [fill-panel]]
    [app.main.ui.viewer.handoff.attributes.stroke :refer [stroke-panel]]
@@ -32,7 +33,7 @@
    :text     [:layout :text :shadow :blur]})
 
 (mf/defc attributes
-  [{:keys [shapes frame]}]
+  [{:keys [page-id file-id shapes frame]}]
   (let [locale  (mf/deref i18n/locale)
         shapes  (->> shapes (map #(gsh/translate-to-frame % frame)))
         type    (if (= (count shapes) 1) (-> shapes first :type) :multiple)
@@ -49,5 +50,9 @@
              :text   text-panel)
         {:shapes shapes
          :frame frame
-         :locale locale}])]))
-
+         :locale locale}])
+     (when-not (= :multiple type)
+       [:& exports
+        {:shape (first shapes)
+         :page-id page-id
+         :file-id file-id}])]))
diff --git a/frontend/src/app/main/ui/viewer/handoff/exports.cljs b/frontend/src/app/main/ui/viewer/handoff/exports.cljs
new file mode 100644
index 000000000..4dbc303c3
--- /dev/null
+++ b/frontend/src/app/main/ui/viewer/handoff/exports.cljs
@@ -0,0 +1,132 @@
+;; This Source Code Form is subject to the terms of the Mozilla Public
+;; License, v. 2.0. If a copy of the MPL was not distributed with this
+;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
+;;
+;; This Source Code Form is "Incompatible With Secondary Licenses", as
+;; defined by the Mozilla Public License, v. 2.0.
+;;
+;; Copyright (c) 2020 UXBOX Labs SL
+
+(ns app.main.ui.viewer.handoff.exports
+  (:require
+   [rumext.alpha :as mf]
+   [beicon.core :as rx]
+   [app.util.i18n :refer [t] :as i18n]
+   [app.common.geom.shapes :as gsh]
+   [app.main.ui.icons :as i]
+   [app.common.data :as d]
+   [app.util.dom :as dom]
+   [app.main.store :as st]
+   [app.main.data.messages :as dm]
+   [app.main.ui.workspace.sidebar.options.exports :as we]))
+
+(mf/defc exports
+  [{:keys [shape page-id file-id] :as props}]
+  (let [locale   (mf/deref i18n/locale)
+        exports  (mf/use-state (:exports shape []))
+        loading? (mf/use-state false)
+
+        on-download
+        (mf/use-callback
+         (mf/deps shape @exports)
+         (fn [event]
+           (dom/prevent-default event)
+           (swap! loading? not)
+           (->> (we/request-export (assoc shape :page-id page-id :file-id file-id) @exports)
+                (rx/subs
+                 (fn [{:keys [status body] :as response}]
+                   (js/console.log status body)
+                   (if (= status 200)
+                     (we/trigger-download (:name shape) body)
+                     (st/emit! (dm/error (t locale "errors.unexpected-error")))))
+                 (constantly nil)
+                 (fn []
+                   (swap! loading? not))))))
+
+        add-export
+        (mf/use-callback
+         (mf/deps shape)
+         (fn []
+           (let [xspec {:type :png
+                        :suffix ""
+                        :scale 1}]
+             (swap! exports conj xspec))))
+
+        delete-export
+        (mf/use-callback
+         (mf/deps shape)
+         (fn [index]
+           (swap! exports (fn [exports]
+                            (let [[before after] (split-at index exports)]
+                              (d/concat [] before (rest after)))))))
+        
+        on-scale-change
+        (mf/use-callback
+         (mf/deps shape)
+         (fn [index event]
+           (let [target  (dom/get-target event)
+                 value   (dom/get-value target)
+                 value   (d/parse-double value)]
+             (swap! exports assoc-in [index :scale] value))))
+        
+        on-suffix-change
+        (mf/use-callback
+         (mf/deps shape)
+         (fn [index event]
+           (let [target  (dom/get-target event)
+                 value   (dom/get-value target)]
+             (swap! exports assoc-in [index :suffix] value))))
+        
+        on-type-change
+        (mf/use-callback
+         (mf/deps shape)
+         (fn [index event]
+           (let [target  (dom/get-target event)
+                 value   (dom/get-value target)
+                 value   (keyword value)]
+             (swap! exports assoc-in [index :type] value))))]
+
+    (mf/use-effect
+     (mf/deps shape)
+     (fn []
+       (reset! exports (:exports shape []))))
+
+    [:div.element-set.exports-options
+     [:div.element-set-title
+      [:span (t locale "workspace.options.export")]
+      [:div.add-page {:on-click add-export} i/close]]
+
+     (when (seq @exports)
+       [:div.element-set-content
+        (for [[index export] (d/enumerate @exports)]
+          [:div.element-set-options-group
+           {:key index}
+           [:select.input-select {:on-change (partial on-scale-change index)
+                                  :value (:scale export)}
+            [:option {:value "0.5"}  "0.5x"]
+            [:option {:value "0.75"} "0.75x"]
+            [:option {:value "1"} "1x"]
+            [:option {:value "1.5"} "1.5x"]
+            [:option {:value "2"} "2x"]
+            [:option {:value "4"} "4x"]
+            [:option {:value "6"} "6x"]]
+
+           [:input.input-text {:on-change (partial on-suffix-change index)
+                               :value (:suffix export)}]
+           [:select.input-select {:on-change (partial on-type-change index)
+                                  :value (name (:type export))}
+            [:option {:value "png"} "PNG"]
+            [:option {:value "jpeg"} "JPEG"]
+            [:option {:value "svg"} "SVG"]]
+
+           [:div.delete-icon {:on-click (partial delete-export index)}
+            i/minus]])
+
+        [:div.btn-icon-dark.download-button
+         {:on-click (when-not @loading? on-download)
+          :class (dom/classnames :btn-disabled @loading?)
+          :disabled @loading?}
+         (if @loading?
+           (t locale "workspace.options.exporting-object")
+           (t locale "workspace.options.export-object"))]])]))
+
diff --git a/frontend/src/app/main/ui/viewer/handoff/right_sidebar.cljs b/frontend/src/app/main/ui/viewer/handoff/right_sidebar.cljs
index 3a63df429..210503d6c 100644
--- a/frontend/src/app/main/ui/viewer/handoff/right_sidebar.cljs
+++ b/frontend/src/app/main/ui/viewer/handoff/right_sidebar.cljs
@@ -31,7 +31,7 @@
 
 
 (mf/defc right-sidebar
-  [{:keys [frame]}]
+  [{:keys [frame page-id file-id]}]
   (let [expanded (mf/use-state false)
         locale (mf/deref i18n/locale)
         section (mf/use-state :info #_:code)
@@ -57,7 +57,9 @@
                                                (reset! section %))
                              :selected @section}
            [:& tab-element {:id :info :title (t locale "handoff.tabs.info")}
-            [:& attributes {:frame frame
+            [:& attributes {:page-id page-id
+                            :file-id file-id
+                            :frame frame
                             :shapes shapes}]]
 
            [:& tab-element {:id :code :title (t locale "handoff.tabs.code")}