This page has moved, redirecting.
The Layer Kit “Layers” Panel
Convert your Photoshop Layers to HTML5, CSS, FTML, AS3, JavaScript, jQuery, Flex, XML and JSON; application-ready code, or cut-and-paste the modified design changes for your developer team-mate, in the drop of a combo… box!
Layer Kit Features
This comes with all the pre-required options for clean and clear code reflections of your Photoshop Layers.
Code In Color
Syntax highlighting for most common code types, with additional language support coming soon. Layer Kit will clearly display your Photoshop Layer properties with visual highlights in each environment. This makes it easy to reference properties and values of elements.
This feature is only available in Photoshop CS6/CC.
Instant Code
Refresh your current code view on-demand, or turn off as desired for viewing layers. Easily pin your current code view for easy reference in your projects. The Auto-Refresh feature is handy when making modifications to projects as visual changes are instantly reflected in Layer Kit.
Clip In A Click
Copy your rendered code from your Photoshop layer in a single click. This makes it easy to use your code in your projects, fast and painless.
Learn more about Using Layer Kit.
Layer Kit Pro Features
This comes with all the add-ons for accurate code reflections of your Photoshop Layers.
Layer Snap Shots
Use Layer Kit Pro to take quick image captures of any Photoshop layer or folder in a snap. Images will use the default image settings provided in Image Kit, and support PNG, JPG or GIF images. You can easily provide clients and team-mates with visual captures on-request.
Learn more about Using Layer Kit Pro.
Layer Options
Custom options for rendering code with individual settings for fonts, minify and inline-content. You can use these options to further customize your interactive project, by using only the information required.
Learn more about Custom Code Views.
Auto Templates
Create templates on-the-fly from your Photoshop document. Just select your Photoshop Layer or Folder, press the button and presto – instant new PSD, from your Photoshop element!
Learn more about Using Layer Kit Pro.
See Layer Kit In Action
Watch the Layer Kit demo video and see how to code HTML5, CSS, FTML, JavaScript, jQuery, Flex, XML and JSON from your Photoshop PSD Layer.
