Export Kit Tutorials


Convert a PSD To HTML5

Convert a PSD to HTML5 in a few clicks. Export Kit makes PSD to HTML5 and CSS websites quick, easy and painless from any Photoshop PSD to provide advanced HTML and CSS features. In minutes […]

Export Multiple Pages and Files

You can export multiple pages from a single PSD with Export Kit Pro. You can output unlimited PSD to HTML webpages to create your full websites. Our Page Tags will allow you to customize content […]

Export Pages with Dynamic Height

Exort Kit allows you to create pages with dynamic height to ensure your page outputs maintain their individual designs. Its common in multiple page PSD designs to have pages that are not the same size, […]

Connect Pages to Links

After you’ve created your pages in your PSD design, its likely you will require a menu or anchor links to navigate to them. You can use Link Tags to link any Photoshop PSD layer to […]

Building Web Forms

You can create unlimited web forms and input items with Export Kit, using only a few layer tags. Export Kit allows you to fully customize your web forms and data to create data-driven websites in […]

PSD Design Rules

Considering you want to convert your PSD, we can assume you have your Photoshop design handy. Export Kit takes the headache out of the export process and will save you lots of time and budget […]

Layer Naming Rules

These are the general Layer Naming rules to follow: Rule 1: Use Clear Layer Names Your layer names will be reflective in your Output environment. Because Export Kit will render WYSIWYG (What You See Is […]

Create a Full Screen Background

Step-By-Step Video Need a visual? Watch our step-by-step tutorial! Watch more video tutorials. Consider The User Screen Size Before you create a full screen background, you have to consider the size of your PSD Document […]

Using External Files with HTML5

Because Export Kit allows you to customize your HTML5 Content before export, you can add both custom CSS and JavaScript. This can further enhance your Output to incorporate your existing code. NOTE: All layer names […]

Add Google Fonts to HTML5

Google Fonts are very common in website designs and are often used as they are widely supported by many browsers. Export Kit makes it easy to add Google Font to your PSD design. You can […]

Before You Export Check List

There are a few things to look for before you export your Output to ensure you get a pixel-perfect render that looks 100% like your PSD. Read our Optimization Tips to get detailed examples of […]

Create a Navigation Menu

Export Kit makes PSD Navigation Menus and links a simple task. Nav Menus are a group of anchor links used to direct users to both internal and external pages. Nav Menus are involved in all […]

Add CSS Rollover / Hover Effects

Your PSD to CSS export supports unlimited hover and rollover effects, including other CSS states also. PSD to CSS rollovers support text, images, shapes and folders in your Photoshop document. Using a few layer tags […]

WP Theme Development Crash Course

The PSD to WordPress Theme development crash course will help you gain a better understanding of WordPress themes with both your Photoshop PSD design and your WordPress theme output. This guide will explain how Export […]

The WordPress Loop

The WordPress loop is a list of all, or a limited number of post/page entries in the database. WordPress will generate content from the database based on your supplied theme page, or using the default […]

Convert a PSD to XML and JSON

Convert any PSD to XML and JSON data in a few clicks. PSD to XML and JSON has support for layer styles/effects, shapes and advanced text support. All PSD layers are converted to clean and […]

Create a Pure CSS Dropdown Menu

Create a pure PSD to CSS Dropdown menu in only a few steps with unlimited potential. Many websites have complex CSS menu systems which require more than a traditional single-level menu. CSS Dropdown menus can […]

Batch Process Multiple PSD Files

Smart PSD Batch makes it easy to convert 100s of PSD files to any active Export Environment. Smart Batch works similar to our normal PSD exports additionally offering support for exporting all PSD files contained […]

Responsive Target Screens Sizes

Export Kit makes it easy to create Responsive target screens for mobile, web and desktop projects. You can customize your design to match any requirement, and target unlimited screens. DO NOT create css screen folders […]

PSD to HTML Crash Course

PSD to HTML conversion translates layers in your PSD to HTML elements with CSS support. If you export a basic PSD to HTML website, there very few options required to get a pixel-perfect translation. Although […]

Using Android with Bootstrap

Android UI has great support for common elements used with mobiles, but the GUI is not the best. Welcome Android with Bootstrap support! Export Kit allows you to add Bootstrap themes to your Android UI […]

Convert a PSD to CSS

Export Kit takes PSD to CSS and CSS3 to another level with advanced Photoshop layer support to convert your PSD to CSS in minutes. You can convert both natural Photoshop designs to CSS or use […]

Custom WordPress Nav Menus

WordPress has great Navigation Menu support for pages, posts and custom links. WP Nav Menus are used in all theme designs and recommended as the content is controlled by the Admin, and not by the […]

AI Design Rules

Assuming you have your Illustrator design ready, Export Kit makes the natural export process quick and painless saving you lots of time and budget with your digital projects. IMPORTANT: These are the general AI Design […]

INDD Design Rules

Once you have your InDesign ready, Export Kit makes the natural export process quick and easy saving you lots of time and budget with your InDesign projects. IMPORTANT: InDesign designs will often require changes when […]

Import Eclipse Into Android Studio

Import your Android Output Eclipse project into Android Studio in a few simple steps with our visual guide. The Eclipse to Android Studio import is very easy and works with all Android outputs exported with […]

Convert XD to HTML and CSS

Your First XD to HTML and CSS Export Easily convert Adobe XD to HTML and CSS with support for multiple pages, custom styles and dynamic elements. You can use your current XD design or any […]

XD Design Rules

Considering you want to convert your XD, we can assume you have your Photoshop design handy. Export Kit takes the headache out of the export process and will save you lots of time and budget […]

Using the Plugin

How To Guides

Get a Free Export

Our Creative Team will export your project live and answer any questions you may have - we guarantee your first conversion will 100% work - we work with you to ensure this, Contact Us or check the Community FAQs for assistance.

Connect With Us

Discounts available, #RemoteWork for safety - Learn More, Shop Now.