javascript - psdファイルをインポートしてframerjsでレイヤーを生成するにはどうすればよいですか

Question

Windows を使用しており、psd ファイルを持っています。framerjs を使用してインタラクティブなプロトタイプを作成したいと考えています。私はatomテキストエディタを持っていて、framerjsをダウンロードしましたhttp://framerjs.com/static/downloads/Framer.zip

Windows のフレーマー ジェネレーターを使用して、デザイン ファイルをインポートし、レイヤーを生成する方法を教えてください。

Answer 1

Framer studio での私の経験から、

psd ファイルを開いた状態で Photoshop を実行する必要があると考えてください。

Framer github で以下のテキストを見つけました - https://github.com/koenbok/Framer

Framer Generator

With a Sketch or Photoshop file open, open Framer Generator and click Import. Only layer groups are imported; single layers are ignored. The hierarchy of your layer groups is respected.

You can safely move things around in Sketch or Photoshop and re-import. Generator will update the images and any changes in hierarchy, but leave your code intact. See our documentation for more.

Access any layer by its group name
Groups within groups will become subLayers
Groups with vector masks will become clipped layers
Group names should be unique (otherwise, they'll be renamed)