Figmaでのイベントのデザイン

  • 更新

Biz_Enter.png

デザインソフトウェアを使い慣れていたり、デザイナーを使っている場合は、 デザインソフトウェアを使い慣れていたり、デザイナーを使っている場合は、 FigmaでHopinイベントにブランドの見た目と雰囲気を出すことができます。

備考:高度なブランディングオプションはプロ、ビジネス、エンタープライズプランでのみご利用いただけます。

1. Figmaファイルを複製する

このFigmaファイルを複製します。

Screen_Shot_2020-10-23_at_8.16.56_PM.png

2. ファイルでブランドのカラーを使ってコンポーネントをデザインする

Hopinのイベントダッシュボードで、テキスト入力によりカラーバリューを変更することもできます。 一致する入力がない場合は、ページの終わりにあるカスタムCSSフィールドを使うこともできます。

Screen_Shot_2020-10-23_at_7.41.31_PM.png

3. 提供されたモックアップを使用して画面をデザインする

Screen_Shot_2020-10-23_at_7.48.45_PM.png

4. デザインが完成したら、テキストフィールドに対応したレイヤー名が表示されます

Screen_Shot_2020-10-23_at_7.54.10_PM.png

 

5. イベントダッシュボードにHexコードを追加する

  1. Figmaレイヤー名でテキスト入力ラベルを確認します
  2. レイヤー名をコピーします
  3. デザインダッシュボード(カスタマイズ < デザイン)に移動します
  4. ラベルを検索します(cmd/ctr + F)
  5. Figmaからコードをコピーします
  6. 対応する入力欄にHexコードを入力します
  7. 最後に保存ボタンをクリックするのを忘れずに!

 

ご質問やサポートのお問い合わせは、support@hopin.comまでお気軽にお寄せください。

この記事は役に立ちましたか?