{"id":16537,"date":"2026-01-23T22:03:25","date_gmt":"2026-01-23T22:03:25","guid":{"rendered":"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/?p=16537"},"modified":"2026-04-17T09:21:14","modified_gmt":"2026-04-17T09:21:14","slug":"mockups-in-the-left-toolbar","status":"publish","type":"post","link":"https:\/\/www.kittl.com\/blogs\/mockups-in-the-left-toolbar\/","title":{"rendered":"Mockups are now in the left toolbar"},"content":{"rendered":"\n<p>Mockups are one of the fastest ways to turn a finished design into something you can sell, pitch, or post. But until now, they were a little too easy to miss because you could only add them from the contextual taskbar after selecting an artboard.<\/p>\n\n\n\n<p>That\u2019s changing.<\/p>\n\n\n\n<p>We\u2019re adding the <strong>Mockup library to the left toolbar<\/strong> so it\u2019s always visible and easier to access. The result is simple: <strong>less hunting, more shipping<\/strong> and mockups become a natural part of your workflow instead of a hidden step.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mockups can be added with or without an artboard selected<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you select an artboard, the mockup is placed and linked to that artboard (same result as before, just easier to access).<\/li>\n\n\n\n<li>If you <strong>don\u2019t select an artboard<\/strong>, Kittl inserts a mockup with a <strong>placeholder design<\/strong>, so you can drop your design in right after.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">How to use<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\"><strong>Option 1 (standard)<\/strong><\/span><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select an artboard.<\/li>\n\n\n\n<li>Open Mockups from the contextual taskbar button \u201cMockup\u201d.<\/li>\n\n\n\n<li>Browse the mockup library and pick a mockup.<\/li>\n\n\n\n<li>Kittl places the mockup on your canvas, linked to the selected artboard.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1868 \/ 1080;\" width=\"1868\" autoplay loop muted src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/Mockup-Multiple-1.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\"><strong>Option 2 (new)<\/strong><\/span><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select an artboard.<\/li>\n\n\n\n<li>Open \u201cMockups\u201d from the left toolbar.<\/li>\n\n\n\n<li>Browse the mockup library and pick a mockup.<\/li>\n\n\n\n<li>Kittl places the mockup on your canvas, linked to the selected artboard.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1868 \/ 1080;\" width=\"1868\" autoplay loop muted src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/Mockup-Multiple-2.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span style=\"text-decoration: underline;\"><strong>Option 3 (new)<\/strong><\/span><\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Open \u201cMockups\u201d from the left toolbar.<\/li>\n\n\n\n<li>Browse the mockup library and pick a mockup.<\/li>\n\n\n\n<li>Kittl places the mockup on your canvas, linked to an artboard with a Placeholder design.<\/li>\n\n\n\n<li>Replace the placeholder design with your own.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1868 \/ 1080;\" width=\"1868\" autoplay loop muted src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/01\/Mockup-Multiple-3.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">When this helps most<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>You\u2019re designing fast and want mockups earlier (not as a final \u201cexport step\u201d)<\/li>\n\n\n\n<li>You\u2019re building a product set and want to browse mockups as you go<\/li>\n\n\n\n<li><strong>You\u2019re starting from a mockup first<\/strong> and then swapping in the right design after<\/li>\n<\/ul>\n\n\n\n<p>It\u2019s the same Mockups feature \u2014 just positioned where it belongs: visible, accessible, and usable whenever you need it.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mockups are one of the fastest ways to turn a finished design into something you can sell, pitch, or post. But until now, they were a little too easy to miss because you could only add them from the contextual taskbar after selecting an artboard. That\u2019s changing. We\u2019re adding the Mockup library to the left&#8230;<\/p>\n","protected":false},"author":12,"featured_media":20603,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[319],"tags":[90,620],"class_list":["post-16537","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-product-updates","tag-features","tag-recommended"],"taxonomy_info":{"category":[{"value":319,"label":"Product Updates"}],"post_tag":[{"value":90,"label":"Features"},{"value":620,"label":"Recommended"}]},"featured_image_src_large":["https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/01\/product-updates_jan9-updated-1024x470.webp",1024,470,true],"author_info":{"display_name":"Tobias Saul","author_link":"https:\/\/www.kittl.com\/blogs\/author\/tobiassaul\/"},"comment_info":0,"category_info":[{"term_id":319,"name":"Product Updates","slug":"product-updates","term_group":0,"term_taxonomy_id":319,"taxonomy":"category","description":"Stay up to date with the latest product updates from Kittl. Explore new features, improvements, and AI-powered tools designed to enhance your graphic design workflow. See what\u2019s new and get inspired to create more with every release.","parent":0,"count":40,"filter":"raw","cat_ID":319,"category_count":40,"category_description":"Stay up to date with the latest product updates from Kittl. Explore new features, improvements, and AI-powered tools designed to enhance your graphic design workflow. See what\u2019s new and get inspired to create more with every release.","cat_name":"Product Updates","category_nicename":"product-updates","category_parent":0}],"tag_info":[{"term_id":90,"name":"Features","slug":"features","term_group":0,"term_taxonomy_id":90,"taxonomy":"post_tag","description":"Get the latest on Kittl\u2019s tools and product updates, including feature launches, how they work, and how to use them effectively.","parent":0,"count":44,"filter":"raw"},{"term_id":620,"name":"Recommended","slug":"recommended","term_group":0,"term_taxonomy_id":620,"taxonomy":"post_tag","description":"","parent":0,"count":182,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/16537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/comments?post=16537"}],"version-history":[{"count":22,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/16537\/revisions"}],"predecessor-version":[{"id":20612,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/16537\/revisions\/20612"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media\/20603"}],"wp:attachment":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media?parent=16537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/categories?post=16537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/tags?post=16537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}