1 Reply Latest reply: Jul 24, 2014 11:15 AM by Peter Flynn (Adobe)

photoshop or illustrator compositions into edge code

Kurt Kohlmorgen Jul 24, 2014 6:46 AM

ok so I could have swore I saw someone in an adobe youtube video take an illustrator or photoshop comp and put it into edge code, which in turn wrote the css for him.. it looked like he made what his site should look like in Ai or Ps and then edge code interpreted it into code.. I am a designer and I can write a little code jus not to the extent of what I want the site I;m working on to look like.. is this possible???? or am I losing my mind??

1. Re: photoshop or illustrator compositions into edge code

Peter Flynn (Adobe) Jul 24, 2014 11:15 AM (in response to Kurt Kohlmorgen)

Hi Kurt,

You might be thinking of this: Comp to Code Tool in Brackets – Brackets Blog

However, "PSD Lens" doesn't automatically convert the whole PSD file into CSS for you in one go -- it just helps you extract targeted styles like gradients and background-image assets while you write the larger-scale CSS structure yourself. If you're not very comfortable writing CSS yet (e.g. creating layouts with CSS), you might have a difficult time using this tool. Another option is to import your Photoshop file into Adobe Edge Reflow, use Reflow to create a resizable/responsive layout structure, and then export your project as HTML & CSS.

Hope that helps!

- Peter
Like Show 0 Likes (0)

Actions

Legend

Correct Answers - 10 points