{
  "video_id": "dxwKklKfFWI",
  "transcript": "Hey there, my name is Antonio and in this course we are going to build a graphic design software as a service tool from the ground up. You will learn how to create a fully functional editor that includes essential tools like shapes, text and drawing, but is also equipped with a template system, an exporting feature, autosave capabilities, as well as integrated AI functionalities. Let's explore each key feature together step by step. In this segment, we focus on the Text tool. First, I open the Text sidebar and I choose the Heading option. I change the default text to something new and then I use the Align tool to center it. After that, I apply styles such as Bold, Italic, Strikethrough and Underline. I then unselect all styles to clear them. Next, I switch the font to Times New Roman and Arial Black to explore different typography options. Für eine Creative Touch, ich benutze Copy & Paste Funktionär, und mit einem Color Change, um eine 3D Text zu machen. Ich wähle beide Texte zu kontrollieren. Jetzt geht's in die Schapen. Ich öffne die Schapen Tool, und ich wähle die Circle. Ich modifle die Look, indem ich die Stroke zu Dashed und ich erhöhe die Width. Dann, ich veröffentliche die Filt-Color und veröffentliche die Stoke-Color. Nach dem Ver die Filt ich re und re die Circle zu ver Dann ich eine Rectangle die Circle und schaue wie zu Layer mit der Sender I will then take the opacity overlay over an image making the text more readable against complex backgrounds I will also use the design I will also use the image to show how to create a shape I will also use the size and reposition the circle to suit our layout. Next, I add a rectangle shape above the circle and show how to layer shapes correctly using the send backwards and bring forward functions. I then tweak the opacity of our shapes, demonstrating how this feature can subtly influence design elements. der Text mehr readable gegen complex backgrounds. Let's activate the Draw tool and increase the Brush Width for better visibility. I will then draw a random line to show you how smoothly the tool handles. After that, let's switch the color to blue to highlight our new line. Let me point out that anything drawn outside the canvas will not be visible, ensuring our design stays clean. Finally, I demonstrate how easy it is to adjust the line's position, width and color even after it's been drawn. Let's continue by exploring different ways we can add images to our designs. First, I open the image sidebar and I select one of the preloaded images from Unsplash. Next, I'll show you how to enhance these images using the filters options in the toolbar, where we can apply various visual effects by clicking between them. Moving on, I demonstrate creating images with AI. By opening the AI sidebar and entering a text description, it will generate the image right before our eyes. Lastly I will show you how to upload your own images And for this I going to use a special feature in our toolbar Remove Background which employs AI to seamlessly remove the background from the uploaded image which is perfect for clean integrations into our designs. Next, let's take a look at how to use templates in our design tool. I open the design sidebar, which displays a variety of templates. I select a Flash Sale template and a prompt confirms that this will replace the current I then modify a text within the template to demonstrate that it uses the same tools and elements we've covered previously. We can also access these templates directly from the homepage, allowing users to open them right in the editor. Notice how with each change, the saving indicator in the navbar confirms that our autosave feature is continuously at work. I can also use the undo feature to revert the text change. To verify that autosave captures every modification, I head to the homepage and reopen the most recent project. Finally, I demonstrate exporting by saving our design as a JSON file. I then upload this file to a blank editor, illustrating how our designs can be easily shared and restored, which is essential for collaborative work. Let's learn how to adjust the settings for our project. Starting on the homepage, I select the template and take note of its initial size listed below. In the editor I head to the settings sidebar and change the project size to 500 by 500 To confirm this update I check the recent projects area where the new size is now displayed Back in the project I select the new size und ich habe die Projekt Size zu 500x500 Ich habe das Update zu ver die die die Projekt anerziert wo die neue Size nun ist In der Projekt ich auch die Canvas-Bachgräuner durch die gleiche Seitebar zu verlassen. Ich habe die Projekt-Projekt zu zeigen, wie diese Settings-Projekt impacte die finalen PNG-Image, die Ärzte der Ärzte gemacht haben. Ich habe jetzt noch eine Premium-Account We can also use a Premium account to demonstrate all the features. But remember, this course is also about creating a Software as a Service, which includes setting up Premium features. For instance, when accessing specific templates or using AI image generation, non-Premium users will see an upgrade model. Now, let's simulate what happens when a user decides to upgrade. Upon upgrading, a Success dialog appears confirming the activation. Und wir können auch, dass alle die bisherigen Features, wie die Template und AI Image Generation, jetzt sind es möglich. Außerdem, wenn es Upgradiert ist, die User kann auf der Billing page visiten, um ihre Subscriptionen zu verändern. Und jetzt, ohne weiter zu Ende, wir beginnen. Das ist ein Premium-Kurs, und du kannst es mit dem Linken in der Beschreibung. Alongside unlocking the course, you're also going to unlock the source code to all of my projects, as well as all other premium courses. This course consists with over 52 chapters, which together make just over 18 hours of content. Visit the link below and start learning today.",
  "transcript_chars": 5944,
  "transcript_filled_at": "2026-06-05T02:39:43.962894+00:00",
  "transcript_filled_by": "groq"
}