How to use Techpacker plugin for Adobe Illustrator

Lily
Lily
  • Updated

With our Techpacker plugin, additional features are brought to your existing installed Illustrator. With just one click, artwork can be easily uploaded or updated from Illustrator to your Techpacker account, serving as Techpack cover images, cards, and libraries. The manual exporting of artwork between platforms is eliminated, saving you valuable time. Your work is made easier and faster with the help of our plugin.

Click on this link to learn how to install and access the Techpacker plugin on illustrator.

 


  

 

1. How to upload your artwork as techpack cover image 

 

Before adding .ai files to Techpacker, ensure they are saved locally on your computer and the filename does not contain 'untitled'.

 

Step 1: Open the Ai file that you wish to upload as techpack cover image. Now, once you log in to Techpacker on Ilustrator through the plugin; click and select mceclip0.png the folder from the dropdown list where you wish to add a new techpack or mceclip1.png click on this mceclip0.png icon to add a new folder.

01.jpg

 

 

Step 2: Click on this icon mceclip1.pngto add a techpack inside the selected folder.

002a.jpg

 

 

Step 3:  The newly added techpack will be listed in the dropdown. Hover your mouse on the techpack

you will see this  mceclip2.pngicon. Click on the icon to add a name to the techpack.

004a.jpg 

 

Click on this mceclip0.png icon to confirm the name.

5AA.jpg

 

 

Step 4:  Click on this mceclip1.png icon to upload or replace techpack cover image. A pop window will appear with listed artboards.

006A.jpg

 

Step 5: Click and select the artboard to upload. 

008A.jpg

 

You can see your techpack cover image is uploaded!

ex0101.jpg

 

 

 


 

2. How to upload your artwork as a card cover image 

 

Before adding .ai files to Techpacker, ensure they are saved locally on your computer and the filename does not contain 'untitled'.

 

Step 1: Open the Ai file that you wish to upload as a card cover image. Now once you log in to Techpacker on Ilustrator through the plugin; click on the techpack inside the selected folder.

009A.jpg

 

 

Step 2: This will take you to a list of types of cards namely Sketches, Materials, and Measurements.

 

Click on mceclip0.png this mceclip2.pngicon and add a card to the required card section.         

 Click on mceclip1.png this mceclip4.png icon to open the card section; you will see the newly added card in the list.

10aa_copy.jpeg

 

 

Step 3: Hover the mouse on the newly added card. Click on this icon mceclip2.pngto add a name to the card.

11_copy.jpg

 

 

Step 4:  mceclip0.png click on this mceclip0.png icon to confirm the name. Click on mceclip1.pngthis mceclip1.pngicon to upload or replace the card cover image.

12.jpeg

 

 

Step 5: A pop window will appear with listed artboards. Click and select the artboard to upload. 

13.jpg

 

 

Step 6: You will see the mceclip0.png card cover image is uploaded!

Hover the mouse on the newly added card. You will see mceclip1.png this browser-icon.png icon. Click on the icon; it will navigate you to the Techpacker web browser.

 

14.jpeg

 

 

Step 7: Log in to your account using your Techpacker login credentials.

Click on the techpack> it will take you to the cards section> click on this settings.jpg icon for the listed cards> go to files and comments on the top panel.

You will see the actual illustrator file is also uploaded on Techapcker for the users to download as shown in the GIF below. 16aa.gif

 

You also have an option to disable the attached illustrator file. This will help avoid issues with file upload speed. Click on this article to learn how to do it.

 

 

 


 

 

3. How to upload your artwork as a library card.

 

Before adding .ai files to Techpacker, ensure they are saved locally on your computer and the filename does not contain 'untitled'.

 

Step 1: Open the Ai files that you wish to upload as library card images. Once you log in to Techpacker on Ilustrator through the plugin; click on the libraries icon at the bottom panel.

01.jpg

 

Step 2: Click to select mceclip0.pngthe existing library from the dropdown list where you would wish to add an image or mceclip1.pngadd a new library by clicking on this mceclip0.png icon.

2.jpg

 

 

If you add a new library, a pop-up window will appear. Choose library type from the list to create one.

3.jpg

 

Step 3: Click on this sketches.pngicon on the right side of the newly added library type.

4.jpg

 

 

Step 4: Add a name to the newly created library. Click on this mceclip0.png icon to confirm the name.

5.jpg

 

Step 5: Click on the newly added library. It will take you to the library card list.

6.jpg

 

Step 6: Click on this mceclip0.png icon to add a card to the library.

7.jpg

 

Step 7: Hover the mouse on the newly added library card. Click on this icon mceclip2.pngto add a name to the card.

8.jpg

 

Step 8:  mceclip0.png click on this mceclip0.png icon to confirm the name. Click on mceclip1.pngthis mceclip1.pngicon to upload or replace the library card cover image.

10.jpg

 

Step 9: A pop window will appear with listed artboards. Click and select the artboard to upload. 11.jpg

 

Step 10:   you will see the mceclip0.png library card cover image is uploaded!

Hover the mouse on the newly added card. You will see mceclip1.png this browser-icon.png icon. Click on the icon; it will navigate you to the Techpacker web browser.

12.jpg

 

Step 11: Log in to your account using your Techpacker login credentials. You will see the actual illustrator file is also uploaded on Techapcker for the users to download as shown below.

ex05.jpg

 

 

 

Share this

Was this article helpful?

1 out of 1 found this helpful