HTML/CSS を構築するにあたってできればコーディング不要、つまりグラフィカルなツールでの編集・プレビューを行いたいのですが、 何か良いツールはありませんでしょうか。 静的なページというよりは、何かしらのWebフレームワーク (Ruby on Rails, CakePHP, Django 等) と組み合わせるためのデザインを構築する際に使えるグラフィカルツールを必要に感じています。

過去(もちろん現在にも…)には、 ホームページ・ビルダーや Dreamweaver が活躍している時代もありましたが、 それでできあがった HTML/CSS は構造としてあまり美しいものではなく、 プログラムと連携させるのにとても苦労した、という話をよく聞きます。

Strikingly, Wix, Weebly, Jimdo 等々のブラウザ上でグラフィカルにページデザインを行えるサイトは登場していますが、あくまでもそれらのサイトの枠組みに沿ったものを作れるだけに過ぎず、たとえばそれを独自Webサービスのデザインとして使おうとするのは簡単ではありません。

現在私の知っている限りでは、(独自Webサービスの) HTML/CSS の編集には、タグやスタイルを直打ち、または Jade, Sass, SCSS 等々のエンジンによって「コーディングの」効率化を図っているところが関の山です。 もう少し、上レイヤーな手段、つまりはグラフィカルツール的な操作でデザインを構築できるWebオーサリングツールが、もしありましたらご紹介いただきたいです。