{"id":69,"date":"2026-08-27T19:41:20","date_gmt":"2026-08-27T19:41:20","guid":{"rendered":"http:\/\/ucdreams-tools.local\/artboard\/"},"modified":"2026-08-27T19:41:20","modified_gmt":"2026-08-27T19:41:20","slug":"artboard","status":"publish","type":"page","link":"https:\/\/ucdreams.com\/tools\/artboard\/","title":{"rendered":"Artboard \u2014 Design Editor"},"content":{"rendered":"\n<section class=\"wp-block-group tools-hero tool-hero is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:70px;padding-bottom:40px\">\n\t\n\t<p class=\"has-text-align-center section-kicker wp-block-paragraph\">Design Tools<\/p>\n\t\n\n\t\n\t<h1 class=\"wp-block-heading has-text-align-center hero-title\">Artboard<\/h1>\n\t\n\n\t\n\t<p class=\"has-text-align-center hero-descr wp-block-paragraph\">A lightweight Figma-style design editor \u2014 frames, shapes, text, images, layers. Your project saves to your device and opens right back where you left it. Nothing is ever uploaded.<\/p>\n\t\n<\/section>\n\n\n\n<section class=\"wp-block-group tool-area artboard-area is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:20px;padding-bottom:60px\">\n\t\n\t<div class=\"ab-app\" id=\"ab-app\">\n\n\t\t<!-- ============ intro \/ resume screen ============ -->\n\t\t<div class=\"ic-intro\" id=\"ab-intro\">\n\t\t\t<div class=\"ic-dropzone\">\n\t\t\t\t<p>\ud83c\udfa8 Artboard<\/p>\n\t\t\t\t<p class=\"ic-or\">Start a new design or continue where you left off<\/p>\n\t\t\t\t<div style=\"display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:14px 0 6px\">\n\t\t\t\t\t<button type=\"button\" class=\"ic-btn ic-start\" id=\"ab-new\">\uff0b New Design<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ic-btn ic-compress-more\" id=\"ab-resume\" hidden>\u21a9 Resume Last Project<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ic-btn ic-compress-more\" id=\"ab-open\">\ud83d\udcc2 Open Project File<\/button>\n\t\t\t\t<\/div>\n\t\t\t\t<input type=\"file\" id=\"ab-open-input\" accept=\".artboard,.json\" hidden>\n\t\t\t\t<p class=\"ic-hint\">Everything runs in your browser \u2014 projects save as .artboard files on your device<\/p>\n\t\t\t<\/div>\n\t\t\t<ul class=\"ic-features\">\n\t\t\t\t<li>\ud83d\uddbc\ufe0f Frames, shapes, text &amp; images<\/li>\n\t\t\t\t<li>\ud83d\uddc2 Layers panel + properties inspector<\/li>\n\t\t\t\t<li>\u21a9 Undo \/ redo \u00b7 autosave \u00b7 project files<\/li>\n\t\t\t\t<li>\ud83d\udcd0 Snap-to-grid, align &amp; zoom (pinch works)<\/li>\n\t\t\t\t<li>\ud83d\udcc4 Pages \u00b7 export PNG, JPG, SVG, PDF<\/li>\n\t\t\t\t<li>\ud83d\udd12 100% client-side \u2014 your designs stay yours<\/li>\n\t\t\t<\/ul>\n\t\t<\/div>\n\n\t\t<!-- ============ editor chrome ============ -->\n\t\t<div class=\"ab-editor\" id=\"ab-editor\" hidden>\n\n\t\t\t<!-- top toolbar -->\n\t\t\t<div class=\"ab-toolbar\">\n\t\t\t\t<div class=\"ab-tgroup\">\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-logo\" id=\"ab-home\" title=\"Back to start\">A<\/button>\n\t\t\t\t\t<span class=\"ab-vsep\"><\/span>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn\" id=\"ab-save\" title=\"Save project file (Ctrl+S)\">\ud83d\udcbe Save<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn\" id=\"ab-open2\" title=\"Open project file\">\ud83d\udcc2<\/button>\n\t\t\t\t\t<input type=\"file\" id=\"ab-open-input2\" accept=\".artboard,.json\" hidden>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"ab-tgroup ab-tools\">\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-tool active\" data-tool=\"select\" title=\"Select \/ move (V)\">\u27a4<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-tool\" data-tool=\"frame\" title=\"Frame (F)\">\u25a2<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-tool\" data-tool=\"rect\" title=\"Rectangle (R)\">\u25ad<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-tool\" data-tool=\"ellipse\" title=\"Ellipse (O)\">\u25ef<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-tool\" data-tool=\"line\" title=\"Line (L)\">\u2571<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-tool\" data-tool=\"text\" title=\"Text (T)\">T<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-tool\" data-tool=\"image\" title=\"Place image\">\ud83d\uddbc<\/button>\n\t\t\t\t\t<input type=\"file\" id=\"ab-image-input\" accept=\"image\/*\" hidden>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"ab-tgroup\">\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn\" id=\"ab-undo\" title=\"Undo (Ctrl+Z)\">\u21a9<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn\" id=\"ab-redo\" title=\"Redo (Ctrl+Y)\">\u21aa<\/button>\n\t\t\t\t\t<span class=\"ab-vsep\"><\/span>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn\" id=\"ab-grid\" title=\"Toggle grid &amp; snapping\">\u229e<\/button>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"ab-tgroup ab-pages\" id=\"ab-pages\"><\/div>\n\t\t\t\t<button type=\"button\" class=\"ab-tbtn\" id=\"ab-add-page\" title=\"Add page\">\uff0b<\/button>\n\n\t\t\t\t<span class=\"ab-flex\"><\/span>\n\n\t\t\t\t<div class=\"ab-tgroup\">\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn\" id=\"ab-zoom-out\" title=\"Zoom out\">\u2212<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-zoom-label\" id=\"ab-zoom-fit\" title=\"Zoom to fit\">100%<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn\" id=\"ab-zoom-in\" title=\"Zoom in\">\uff0b<\/button>\n\t\t\t\t\t<span class=\"ab-vsep\"><\/span>\n\t\t\t\t\t<select id=\"ab-export-format\" class=\"ab-select\" title=\"Export format\">\n\t\t\t\t\t\t<option value=\"png\">PNG<\/option>\n\t\t\t\t\t\t<option value=\"jpeg\">JPG<\/option>\n\t\t\t\t\t\t<option value=\"svg\">SVG<\/option>\n\t\t\t\t\t\t<option value=\"pdf\">PDF<\/option>\n\t\t\t\t\t<\/select>\n\t\t\t\t\t<select id=\"ab-export-scope\" class=\"ab-select\" title=\"What to export\"><\/select>\n\t\t\t\t\t<button type=\"button\" class=\"ab-tbtn ab-primary\" id=\"ab-export\" title=\"Export\">Export<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<!-- main: layers | canvas | properties -->\n\t\t\t<div class=\"ab-main\">\n\t\t\t\t<div class=\"ab-layers\">\n\t\t\t\t\t<div class=\"ab-panel-head\">Layers<\/div>\n\t\t\t\t\t<div id=\"ab-layers-list\" class=\"ab-layers-list\"><\/div>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"ab-canvas-wrap\" id=\"ab-canvas-wrap\">\n\t\t\t\t\t<canvas id=\"ab-canvas\"><\/canvas>\n\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"ab-props\" id=\"ab-props\">\n\t\t\t\t\t<div class=\"ab-panel-head\">Properties<\/div>\n\t\t\t\t\t<div class=\"ab-props-body\" id=\"ab-props-body\">\n\t\t\t\t\t\t<p class=\"ab-empty\">Select a layer to edit its properties.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\t<p class=\"ie-hints\" style=\"margin-top:8px\">V select \u00b7 F frame \u00b7 R rect \u00b7 O ellipse \u00b7 L line \u00b7 T text \u00b7 scroll = pan \u00b7 Ctrl+scroll \/ pinch = zoom \u00b7 Ctrl+Z\/Y undo &amp; redo \u00b7 Ctrl+D duplicate \u00b7 Del delete \u00b7 Ctrl+S save<\/p>\n\t\t<\/div>\n\t<\/div>\n\t\n<\/section>\n\n\n\n<section class=\"wp-block-group tools-area related-area is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:20px;padding-bottom:80px\">\n\t\n\t<p class=\"section-kicker wp-block-paragraph\">Design Tools<\/p>\n\t\n\n\t\n\t<h2 class=\"wp-block-heading section-heading\">More Design Tools<\/h2>\n\t\n\n\t\n\t<div class=\"wp-block-group tools-grid is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\n\t\t<div class=\"wp-block-group tool-card is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><path d=\"M3 9h18\"><\/path><path d=\"M9 21V9\"><\/path><\/svg><\/div>\n\t\t\t\n\t\t\t\n\t\t\t<h4 class=\"wp-block-heading tool-title\"><a href=\"\/artboard\/\">Artboard<\/a><\/h4>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"tool-tag wp-block-paragraph\">Design<\/p>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"tool-descr wp-block-paragraph\">Figma-style design editor \u2014 frames, shapes, layers, export.<\/p>\n\t\t\t\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t<div class=\"wp-block-group tool-card is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"><\/circle><path d=\"M21 15l-5-5L5 21\"><\/path><\/svg><\/div>\n\t\t\t\n\t\t\t\n\t\t\t<h4 class=\"wp-block-heading tool-title\"><a href=\"\/image-editor\/\">Image Editor<\/a><\/h4>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"tool-tag wp-block-paragraph\">Image<\/p>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"tool-descr wp-block-paragraph\">Crop, remove backgrounds, add text &amp; stickers \u2014 a browser Photoshop.<\/p>\n\t\t\t\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t<div class=\"wp-block-group tool-card is-layout-flow wp-block-group-is-layout-flow\">\n\t\t\t\n\t\t\t<div class=\"icon-box\"><svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect><path d=\"M8 12h8\"><\/path><path d=\"M12 8v8\"><\/path><\/svg><\/div>\n\t\t\t\n\t\t\t\n\t\t\t<h4 class=\"wp-block-heading tool-title\"><a href=\"\/pdf-editor\/\">PDF Editor<\/a><\/h4>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"tool-tag wp-block-paragraph\">PDF<\/p>\n\t\t\t\n\t\t\t\n\t\t\t<p class=\"tool-descr wp-block-paragraph\">Edit text, images and pages right inside your PDF.<\/p>\n\t\t\t\n\t\t<\/div>\n\t\t\n\t<\/div>\n\t\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Design Tools Artboard A lightweight Figma-style design editor \u2014 frames, shapes, text, images, layers. Your project saves to your device and opens right back where you left it. Nothing is ever uploaded. \ud83c\udfa8 Artboard Start a new design or continue where you left off \uff0b New Design \u21a9 Resume Last Project \ud83d\udcc2 Open Project File [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":0,"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"wp:attachment":[{"href":"https:\/\/ucdreams.com\/tools\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}