LINE UIテンプレート(Figma)

LINEのUI画面をFigmaで編集できます。

テキストフォント＆色はもちろん

アイコンやプロフィール画像の差し替えも簡単にできます。

プロトタイプのプレビューはこちら

https://www.figma.com/proto/sehhGPNEPJFoFbfl8T0Xw9/LINE%E5%85%AC%E5%BC%8F%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88UI?page-id=134%3A14457&node-id=134-15393&viewport=1252%2C836%2C0.93&t=xcmSbbYu68lL3Ziz-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=134%3A15393

【付属内容】

1.ホーム画面

2.トーク一覧

3.チャット画面

圧縮を解凍後、figmaファイル「2407_LINEUI.fig」を

インポートしてお使いください。

アイコンや友だち一覧は

コンポーネント化されてるので、

変更を加えると、インスタントも自動で変更が反映されます。

また、チャットのボックスはオートレイアウト化されているので

テキストの量に応じて、ボックスが伸び縮みするようになっています。

使い方は動画を参考してください。

https://youtu.be/wG14b56P_oU