Markupwand

Dev tools

design to code converter

SHOW HN2012

Legend

Markupwand

Markupwand, magically convert your photoshop files to HTML & CSS

markupwand.com

#photoshop to html#psd to html#html css generator#design to code

342points
127comments
#28of 1,677 in 2012
Top 2%of 2012 by points

How HN took it

DebatedReal support and real criticism

15 positive, 28 neutral or asking, 1 mixed, 16 critical, out of 60 comments about the project. Thread score +0.02.

Idea: 6 for, 5 againstExecution: 1 for, 8 againstDesign: 2 for, 3 againstDocs: 1 for, 0 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Impressive automatic conversion quality

    From 3 comments
    • Very impressive ! and I am sure many people will use this service .. About the quality of code that it generates : I don't mind setting some on in my team to work on optimizing…
      ing33k on HN
    • Wow, nice work. This looks great.
      lincolnq on HN
    • This. is. awesome. Super cool
      brettcvz on HN
  • Fills a real need for designers who want to code

    From 2 comments
    • I can see this as a great product for designers who would like to code, but don't have the time to learn. Now they can take this instant output and simply tweak it, which is a…
      kirillzubovsky on HN
    • This is definitely a problem worth solving, and I am glad these guys are doing it. I've worked with designers who hated doing, and developers are not fond of it too. As it…
      mehuln on HN

Objections

  • Generated HTML is non-semantic div soup with class soup CSS

    From 2 comments
    • As a visual designer who has learned to code, I feel that this is not a good idea for the simple fact that it outputs non-semantic HTML (divs are not semantic HTML) and CSS…
      brianfryer on HN
    • > How on earth are div's non-semantic? Most things on a page are just "boxes" -- not lists or links or images or paragraphs, just boxes. And div's are the correct thing to use in…
      brianfryer on HN
  • Output uses fixed widths and pixel units, not fluid layouts

    From 2 comments
    • Are you guys looking into methods that don't apply widths and pixel-perfect margin/padding to everything? Obviously much harder, but until these converters can do that they just…
      ianstormtaylor on HN
    • The problem with this and other photoshop > CSS tools, is that you're still stuck with Photoshop. We should be elevating design by designing web native and making it beautiful,…
      splatcollision on HN
  • Requires Photoshop, which is costly

    From 2 comments
    • The problem with this and other photoshop > CSS tools, is that you're still stuck with Photoshop. We should be elevating design by designing web native and making it beautiful,…
      splatcollision on HN
    • Does Markupwand use scripted Photoshop instances in the background? And if so, how did you manage to work around the fact that the standard Photoshop license does not permit such…
      nimbix on HN

Requests

  • Offline version

    From 1 comment
  • Support for Fireworks and PNG input

    From 1 comment
    • How about PNG? Is it just me here using Fireworks for web design?
      grigy on HN
  • Bulk upload and Safari support

    From 1 comment
    • Drag and drop to upload doesn't work in Safari. Nor does the progress bar, or selecting multiple files.
      tambourine_man on HN

Questions

  • How does it work technically

    From 2 comments
    • How does it work?
      chetan51 on HN
    • How on earth does this not use absolute positioning, but actually figuring out the full width of text boxes, whether they are expandable vertically or not, etc.? I'd love some…
      crazygringo on HN
  • Is it using scripted Photoshop and does that violate licensing

    From 1 comment
    • Does Markupwand use scripted Photoshop instances in the background? And if so, how did you manage to work around the fact that the standard Photoshop license does not permit such…
      nimbix on HN

Alternatives named

  • CSSHat

    From 2 comments
    • Is this any different than csshat?
      massarog on HN
    • Exactly. Not taking advantage of what you can do - and how easy you can do it - in the code right away just means more time wasted. Once you get the basic layout out, all…
      mnicole on HN
  • Adobe Muse

    From 1 comment
    • Awesome! Really psyched to try it out...I was about to go down the path of trying CSS Hat but I'll give this a shot first. Any thoughts on where tools like Adobe Muse…
      kevinbluer on HN
  • Edit Room

    From 1 comment
    • The problem with this and other photoshop > CSS tools, is that you're still stuck with Photoshop. We should be elevating design by designing web native and making it beautiful,…
      splatcollision on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/4283896)