のんびり学ぶ Figma 〜コンポーネント編〜 (1) | さくらのナレッジ
このシリーズについて みなさんこんにちは。さくらインターネットでフロントエンド領域を担当している山田です。この連載では、フロントエンド開発を行っているメンバーが、開発に役立つ情報を半分趣味で不定期掲載していく予定です。 自分からは、近年人気のデザインツールである『Figma』の便利な情報をお伝えしたいと思います。デザイナーの方はもちろん、エンジニアの方にも興味を持っていただける機能がたくさん詰まったFigmaを紹介していきます。 Figmaのご紹介 チーム開発に適したデザインツール Figmaのメインの機能の一つはもちろんデザイン制作です。Figmaを使うことで、これまでのデザインツールでは難しかったWebアプリケーションやモバイルアプリケーションといった、よりダイナミックに画面が変化していくタイプのデザインを表現しやすくなりました。 中でも、複数人で同じデザインファイルを閲覧・編集可能な
【UIデザイン】Figmaの使い方をぜんぶ学習する方法。結論はUdemy一択です | かじとりズム
という疑問に答えます。 答えはずばり「Udemy」一択です。 Udemyは世界最大のオンライン学習プラットフォームで、いろんなスキルを動画で学ぶことができます。 Figmaの情報はネットにもまだあまりありません。 Amazonで本を探してみましたが、洋書を含めて１冊も見つかりませんでした（2018年10月現在）。 しかしUdemyなら教材がこんなにあります。 中でもおすすめは一番上にある 「Learn Figma – UI/UX Design Essential Training」 です。 おすすめする理由は 実際使ってみてよかったからです。 こんなものが作れるようになります。 プロトタイプといって本物のサイトのように動かすこともできますし、レスポンシブ対応にすることもできます。 今回は「Learn Figma – UI/UX Design Essential Training」をレビュー
figmaの可能性を探ってみたら便利だった｜Thingo TKSK
そんなわけで、Figma最近注目度高いという風を感じてしまった私は、Figmaをさわってみるわけです。 ２、note内のFigmaの記事note内では（18年5月現在）figmaの記事はとても少なく、こちらの記事が代表的です。（19年に入りかなり記事が増えましたね！） 全体のFigmaに関することはこちらを読んでいただくのがよろしいかと。 基本的な操作はほぼsketchに準ずるといった感じです。 動画の一番左の緑のボタンがベース、ラベル、アイコンをコンポーネント化したマスターのコンポーネント コンポーネントを複製して、それぞれ色を直接変えることができます。しかもマスターコンポーネントに紐づいているので、ベースや文字の色を変更するとそれぞれ複製したものにも同じく反映されます。同じことをSketchでやろうと思うと、別のシンボルを作ることになるのでとても柔軟性が高いです。 もちろん、カラーをコ
Figmaの基本【これからはじめるFigma】 - bagelee（ベーグリー）
はじめに 「Figma」って聞いたことあるし、触ったこともあるけど、業務に活かせるまでは使いこなせてないデザイナー。 SketchやPhotoshopのように有料のツールを買って「ガッツリ勉強！」というところまではしたくないけどちょっとした画像加工などはできるようになりたいエンジニア、ディレクター、マーケター。 そういう方は多いのではないでしょうか？ FigmaはしっかりUI/UXのデザインをしたいデザイナー、ちょっとした画像加工を行いたいエンジニア、ディレクター、マーケターにとって非常に便利なツールです。 Webベースのツールなので、Macの方でもWindowsの方でも使える！また、ブラウザさえあればどこでも使える。さらに、プロジェクトをいくつ作っても無料で使える。 今回はそんな超便利だけど意外と知られていない、Figmaとその基本をご紹介します！ Figmaとは FigmaとはDyla
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
