タグ

figmaに関するd_animal141のブックマーク (4)

  • Figmaで完結する!Webサイト設計の流れ - クモのようにコツコツと

    Webサイトのデザインや設計を行うとき、昔は工程によっていろんなツールを使い分けていました。今はそれを(私の愛してやまない)Figma一つでブラウザ上だけで完結できます! 【目次】 私の愛してやまないFigma Webサイトの制作フロー ヒアリング(オリエン) 要件定義 サイトマップ ワイヤーフレーム デザインラフ デザインカンプ プロトタイプ フローチャート 実装段階もシームレスに 最後に 私の愛してやまないFigma 私の愛してやまないデザインツールFigma、ブラウザ完結のツールです。このブログ上の図もほとんどFigmaで作っています! ※参考:Figma: the collaborative interface design tool. 操作感はAdobe XDなんかと似た感じです。イラレのようにベクターデータのパスを描ける! ※参考:4-5. ペンツールと鉛筆ツールの使い方 |

    Figmaで完結する!Webサイト設計の流れ - クモのようにコツコツと
  • Figma 入門|ふじけん / kenshir0f|note

    デザインツール Figma の基的な使い方から、エンジニアと協力して開発に組み込む際の活用方法などをまとめています。

    Figma 入門|ふじけん / kenshir0f|note
  • Figmaの使い方、全力でまとめました。|hikaru-takase /Loglass

    最近、figmaを社内でも始めたのですがその魅力にドンドン引き込まれています。自身の学習も含め、これからfigmaを導入しようとする方の参考になればと思い使い方のまとめを作ってみました。 私はsketchをベースに開発することが多いのでsketch→figma視点で語ってる所が多いです。全力と言いつつ、まとめ切れていない所も多いので、不足しているところは随時更新していきます。 導入編アカウント登録 figmaの公式サイトに行きましょう!まずはアカウント登録。すべて英語ですが名前と職業を聞かれるぐらいで簡単に登録できます。またgoogleアカウントを持ってる人であれば、そちらからすぐにログインできるのでおすすめ。 ログイン後はfigmaのダッシュボードが表示されます。 webブラウザでほぼすべての機能が使えるのがfigmaの特長でもあります。 Desktop Appをインストールする やはり

    Figmaの使い方、全力でまとめました。|hikaru-takase /Loglass
  • チームでの共同作業にぴったりのデザインツール「Figma」とは | Web Design Trends

    複数人でデザインを作成するメリットがあまり思いつかない人も多いかもしれませんが、チームでのコミュニケーションが容易になったり、1人で使うデザインツールとしても扱いやすいサービスであったり、Figmaは優れたデザインツールの1つです。 現時点では無料で使用することができますが、2017年の早いうちに料金体系を整えるということがアナウンスされており、今後有料化する可能性があります。 試してみるなら無料で使用できる今のうちに色々と触ってみるといいかもしれませんね。 Figmaの特徴 では、Figmaがどんなデザインツールなのか、その特徴についてご紹介していきたいと思います。 複数人で同時に作業が可能 Figmaの特徴は何と言ってもチームでの共同作業に優れているという点です。 一番最初にご紹介した動画にあるように、ファイルを共有されている人なら誰でも修正を行うことができるので、いちいちフィードバッ

    チームでの共同作業にぴったりのデザインツール「Figma」とは | Web Design Trends
  • 1