Project Parfait is a new tool from Adobe, currently in beta, which lets you open up any PSD directly in the browser to extract CSS, text and image assets from it. At the moment it only works on Chrome but Adobe plan to roll it out across all browsers as development moves on. Drag & Drop to Upload Opening up a PSD in Project Parfait is super easy. Just go to https://projectparfait.adobe.com/ and click the big blue Upload Your Own PSD button in the top right corner: Then, after logging in with your Adobe ID, drag and drop your PSD onto the empty panel area and it will upload for you: When the upload is complete you can click on the thumbnail of your PSD and it will open up in Project Parfait for you: CSS Extraction To generate CSS for any element in your design just click to select it then the relevant code will be displayed in the right sidebar's CSS Inspector field. From here you can highlight and copy the elements of the code you want, or click the Copy All button: Alternatively, with the element selected, a blue call out will appear, on which you can click the Copy CSS link to grab all the code directly: Text Extraction The blue call out which appears when an element is selected can also be used to easily copy text content from a PSD by clicking the Copy Text link: Image Extraction Exporting images via Project Parfait is also straightforward. Begin by selecting the image you want to export. If it comprises multiple layers hold down Shift and click each one to multi-select
↧