[{"data":1,"prerenderedAt":148},["ShallowReactive",2],{"help-article-\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements":3},{"id":4,"title":5,"body":6,"category":136,"description":137,"extension":138,"keywords":139,"meta":140,"navigation":141,"order":142,"path":143,"seo":144,"stem":145,"updated":146,"__hash__":147},"help\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements.md","Design elements (images, text, shapes)",{"type":7,"value":8,"toc":127},"minimark",[9,22,27,44,51,55,79,84,88,91,95,98,102,105,110,114],[10,11,12,13,17,18,21],"p",{},"Everything you place on the canvas is an element. Add elements from the ",[14,15,16],"strong",{},"Toolbar",", then style the selected one in the ",[14,19,20],{},"Property Panel",".",[23,24,26],"h2",{"id":25},"images","Images",[10,28,29,30,33,34,39,40,21],{},"You need to upload images to your image library first, before you can add them as image elements to the canvas. Select the image tool to access your image library and then click ",[14,31,32],{},"Upload"," to add a new file. Then select the image from the library to create a new element. Images have properties for how they fill their bounding box and which point they anchor to. See ",[35,36,38],"a",{"href":37},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-cover-mode","Cover mode"," and ",[35,41,43],{"href":42},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fimage-origin","Origin",[10,45,46],{},[47,48],"img",{"alt":49,"src":50},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F5f1503fb-8a4c-4427-8241-6e99ee860200\u002Fmax",[23,52,54],{"id":53},"text","Text",[10,56,57,58,61,62,65,66,65,70,74,75,21],{},"Add a text element and type your content. Text can anchor from different points, wrap across lines, and follow a curve. Text ",[14,59,60],{},"always"," resizes to fit; it will never overflow out of the bounding box. See ",[35,63,43],{"href":64},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftext-origin",", ",[35,67,69],{"href":68},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftext-wrap","Wrap",[35,71,73],{"href":72},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftext-font-size","Font size",", and ",[35,76,78],{"href":77},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcurved-text","Curved text",[10,80,81],{},[47,82],{"alt":49,"src":83},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fa64e129e-a4bb-4087-ac4d-add0b9896c00\u002Fmax",[23,85,87],{"id":86},"rectangle","Rectangle",[10,89,90],{},"Draw a rectangle with the shape tool, then set its size and fill in the Property Panel.",[23,92,94],{"id":93},"ellipse","Ellipse",[10,96,97],{},"Draw an ellipse (a circle or oval) with the shape tool, then set its size and fill in the Property Panel.",[23,99,101],{"id":100},"path","Path",[10,103,104],{},"Draw a custom vector shape with the path tool, placing points to form lines, curves, and freeform outlines. Edit the points afterwards to refine the shape.",[10,106,107],{},[47,108],{"alt":49,"src":109},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F41c96045-6c40-4894-ffd4-a397ccaa6e00\u002Fmax",[23,111,113],{"id":112},"groups-masks","Groups & Masks",[10,115,116,117,121,122,126],{},"To combine elements, you can ",[35,118,120],{"href":119},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fgroup-elements","group"," several together or ",[35,123,125],{"href":124},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fmask-elements","mask"," one with another.",{"title":49,"searchDepth":128,"depth":128,"links":129},2,[130,131,132,133,134,135],{"id":25,"depth":128,"text":26},{"id":53,"depth":128,"text":54},{"id":86,"depth":128,"text":87},{"id":93,"depth":128,"text":94},{"id":100,"depth":128,"text":101},{"id":112,"depth":128,"text":113},"design-elements-and-tools","Place and style the building blocks of every design: images, text, and shapes.","md",[],{},true,20,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements",{"title":5,"description":137},"help\u002Fdesign-elements-and-tools\u002Fdesign-elements","2026-06-12","GZdZYVHiAz9LydayjVqtvF3SXo1Jiwvi2w8efNNhmZE",1787923688669]