> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-custom-product-designer-extension/frontend-customize-product-design.md).
# Frontend Customize Product Design
To customize a product, click the “Customize it” button on the product page at the front end.
You can change the product image from here.
**Add Image**
To add images to the product, use the option shown in the below image.
**Add Text**
To add text to the product, use the option shown in the below image.
After you enter your text, you can change its position, edit it, delete it, and even add styling options.
You can change the text color, background color, and font style.
**Add Image from Library**
To add ready-made images from the library, use the option shown in the below image. You can choose from a wide variety of categories.
**Layers**
You can manage the product editing with layers.
**Social Share**
To share the custom image, use the option shown in the below image.
It provides options like Pinterest, Twitter, and Facebook.
**Preview**
To preview your custom image design, use the option shown in the below image.
**Download**
To download your custom image, use the option shown in the below image.
**Print**
To print your custom image, use the option shown in the below image.
**Clear All**
To clear the product editing altogether, use the option shown in the below image.
**Close**
Use the close button to exit the product editing without saving.
**Save**
Click the save button to apply changes and go back to the product page, as shown in the below image.
