はてなブックマーク

XDで作成されたデザインカンプからHTMLコーディングする方法です。 XDは無料で使える？ まずはXDファイルを開くためにAdobeXDをインストールする必要があります。Photoshopやイラストレーターと違いXDは無料プランがあるのでそちらをインストールすればOKです。 インストール後にXDファイルを開くと以下のような形でデザインカンプを開くことができます（Adobeのサイトで公開されている練習用ファイルを利用しています） XDで横移動ができない！ 上下のスクロールはマウスのスクロールで可能なのですが、横移動がまったくできずに他の画面をデザインを見ることができないという状態にはまってしまう方がいると思います。 横移動の方法はノートPCであればトラックパッドを指二本でスワイプすることでスマホのように操作できます。ピンチイン・アウトで拡大縮小も可能です。 それ以外にはスペースを押すとカーソ