Create new wire adobe xd prototype

Here's a step-by-step guide to creating a new wireframe prototype in Adobe XD:

Step 1: Open Adobe XD

Launch Adobe XD on your computer. If you don't have it installed, you can download it from the Adobe website.

Step 2: Create a New Project

Click on "Create a New Project" in the start page. You can also use the keyboard shortcut Ctrl+N (Windows) or Command+N (Mac).

Step 3: Choose a Template (Optional)

Adobe XD offers a range of pre-designed templates to help you get started. You can choose a template that matches your project's style or industry. Click on "Browse Templates" to explore the available options.

Step 4: Set Up Your Project

In the "New Project" window, enter a name for your project, and choose a location to save it. You can also set the project's dimensions, resolution, and color mode.

Step 5: Create a New Artboard

An artboard is the canvas where you'll design your wireframe prototype. Click on the "Artboard" button in the top toolbar or use the keyboard shortcut Ctrl+Shift+A (Windows) or Command+Shift+A (Mac) to create a new artboard.

Step 6: Set the Artboard Size

Enter the dimensions for your artboard in the "Artboard Size" dialog box. You can choose from a range of pre-defined sizes or enter custom dimensions.

Step 7: Start Designing

Use the drawing tools in Adobe XD to create your wireframe prototype. You can use the Rectangle Tool, Ellipse Tool, Line Tool, and other tools to create the basic elements of your design.

Step 8: Add Interactions

To create a interactive prototype, you'll need to add interactions to your design. You can do this by using the "Prototype" panel, which is located in the right-hand sidebar. Click on the "Prototype" button to open the panel.

Step 9: Create a Prototype

In the "Prototype" panel, click on the "Create Prototype" button to create a new prototype. You can choose from a range of pre-designed interactions, such as hover effects, click effects, and scrolling effects.

Step 10: Test Your Prototype

Once you've created your prototype, you can test it by clicking on the "Preview" button in the top toolbar. This will open your prototype in a new window, where you can interact with it and test its functionality.

That's it! With these steps, you should be able to create a new wireframe prototype in Adobe XD.