マガジンのカバー画像

デザイン

5
Adobeの話や、AdobeXD、Figmaなどプロトタイピングツールの話
運営しているクリエイター

記事一覧

Figmaのアカウント作成の手順と無料プランでできる事まとめ

Figmaのアカウント作成の手順と無料プランでできる事まとめ

WebのデザインやUI制作、プロトタイピングにこのところ需要が高まっているFigmaをまだ使ったことがない人のためにアカウント作成の手順を残しておきます。

Webデザインのツール1)Sketch
この中では一番古く、今でのアプリ開発として使われていて根強い
2)Adobe XD
Adobe のPhotoshopに変わるUIプロトタイピング専用ツールとして人気
3)Figma
今回ご紹介するブラウ

もっとみる
FigmaのBranching機能(Beta)を使ってデザインのブランチ運用をしてみる

FigmaのBranching機能(Beta)を使ってデザインのブランチ運用をしてみる

UIデザインツールとしてAdobe XDとともに定番になっているFigmaにいつの間にかブランチ機能ができたようなので使ってみる。

Branching Beta
Questions and Feedback related to the Branching and Merging beta

公式によると、まだβ版らしく、2021年4月に追加された機能のようだ。また、このBranching機能は

もっとみる
社内でFigma勉強会を5ヶ月間やってみた話

社内でFigma勉強会を5ヶ月間やってみた話

マネーフォワード XでUIデザイナーをやっています楊です。去年の11月から社内向けのFigma勉強会を週1ペースで開催して、今年の4月まで5ヶ月間やってみました。

この記事はFigma勉強会をやっていてどうなったのか記録しておきたいと思います。社内でFigmaを浸透させたい、導入してみたい方が参考になるかもしれません。

勉強会を始めた経緯
全ての始まりは、上司のこの言葉でした。

背景としては

もっとみる
AdobeXDのはじめかた。インストールから使い始めまで。

AdobeXDのはじめかた。インストールから使い始めまで。

Adobe XDは、2016年よりリリースされ、Webページや、アプリのUI/UXデザインができるツールで、Adobe XDの使い方を学習すれば、ワイヤーフレームを手軽に作成できるし、またデザインを効率よく作ることができ、またプロトタイピングツールとしても利用ができる便利なツールです。

構想をそのままデザイン
本物のようなルック&フィールのデザインでストーリーを語ろう。ワイヤーフレーム、アニメー

もっとみる
Adobe XDでプレゼン資料を作成したら色々と幸せだった話

Adobe XDでプレゼン資料を作成したら色々と幸せだった話

2018/3/26に開催された「ポートフォリオナイト」でお話させていただいた「載せる作品が少ないと悩んでいる人に読んでほしい、魅せるポートフォリオの考え方」の発表スライドをAdobe XDで作成しました。

結論、めちゃくちゃ作りやすかったし、発表しやすかったです。

スライドを俯瞰しながら作成できるLTやセミナーなどでスライドを用意する際、スライドの構成を一括で確認・編集することができます。

もっとみる