How to Create SharePoint 2016 Design Package using Design Manager

How to create a design package in SharePoint 2016:
The design package is a .wsp file that can be created through the Design Manager in SharePoint 2013 or SharePoint 2016, contains branding assets that are stored in Design Manager. With the packaging feature of Design manager, we can package all our branding artifacts into Re-deployable package (wsp) without using Visual studio.
Here are the steps to create and apply a design package:

1. Create a design package using Design Manager in SharePoint 2016
2. Export design package WSP file from the source site collection
3. Import & Apply design package to the target site

Step 1: Create a design package in SharePoint 2013/2016:
Creating the design package is quite simple.

• Go to Site Settings >> Design Manager 
• Clickon "Create Design Package" link from the design manager left navigation
  Image may be NSFW.
  Clik here to view.
• Design manager gives the name and version number for you automatically - You can rename it if required. Optionally you can include the Site Collection search configuration in the package. Click on "Create" button to create the WSP package.
  Image may be NSFW.
  Clik here to view.
• Wait for a while it generates the WSP package with all branding artifacts, including: MasterPages, Page Layouts, Display Templates, CSS Style Sheets, JavaScript files, Images, etc. Once the package creation is completed, you'll get the link to download the wsp file. This generates a WSP file that will live in the Solutions gallery
• Export design package: Click on "Your Package is ready. Click here to download" link to download the wsp.
  Image may be NSFW.
  Clik here to view.

The design package will be stored in side solution gallery of the site collection that can be found here: http://site-collection-url/_catalogs/solutions


Step 3: SharePoint 2013 import design package (wsp)
Once the design package is ready, can be imported to any site through the "Import design package" option in Site Settings. we can port it to anywhere and apply the new design through this package. Here are the steps to apply the design package in the target site.

• Navigate to the site settings of the target site. Click on "Import Design Package" link under "Look and Feel" section
  Image may be NSFW.
  Clik here to view.
• Click on "Browse" button and select the WSP file generated from the previous step. Click on "Import" button once.
  Image may be NSFW.
  Clik here to view.
• Wait for a while til it gives the message "import of package "your package name" succeeded".
  Image may be NSFW.
  Clik here to view.

That's all. This actives the sandbox solution automatically and your new design should be live now!Image may be NSFW.
Clik here to view.