タグ

figmaとwireframeに関するishideoのブックマーク (3)

  • https://teamspirit.hatenablog.com/entry/2021/12/09/080000

    今年シンガポールから帰国したけど、引き続き日のチームスピリットでプロダクトマネージャーとしてお世話になっている二宮です。 私にとって今年は、PMとしてFigmaをよく触った年になりました。 そこで今回は、その培ったFigma力をチュートリアルとして還元していきたいと思います。 プロダクトマネージャーがどのようにして、プロダクトや機能を構想していくかも合わせてご紹介していきます! お題 お題はエンジニアの方だったら一度はやったことのある、定番のToDoリストにしたいと思います。(こんなの) 下記のような行程で進めていきたいと思います。 要件定義 ワイヤーフレーム作成 UI設計 (Figma) プロトタイプ作成 (Figma) それでは、作っていく! 要件定義 普通はユーザーの課題から機能を考えてくのが正しいのですが、今回はある程度作るものありきなので、形式的にやっていきます。 普段自分は下

    https://teamspirit.hatenablog.com/entry/2021/12/09/080000
  • エンジニアでも出来る!Figmaを使って自作アプリをリニューアル - Qiita

    以前、「React Native製、予定作成アプリ「ペペロミア」を公開しました」の記事を投稿しましたが、その続編です。 ■React Native製、予定作成アプリ「ペペロミア」を公開しました https://qiita.com/wheatandcat/items/3324dfd141729e46009f その後デザインをリニューアルしたので、進め方と変更した箇所について紹介していきます。 https://www.figma.com/ プロトタイピング(デザイン)ツールです。 出来ることはSketchと似ていますが、1人で使用するなら無料でブラウザで使用可能なので導入のハードルが低いので、個人プロダクトではオススメです。 今回はFigmaを軸にアプリのデザインリニューアルを進めました。 UIリニューアル アイコン変更 まずは、新規アイコンを作成して、 そこからPrimaryカラー、Seco

    エンジニアでも出来る!Figmaを使って自作アプリをリニューアル - Qiita
  • Figmaリンク集まとめ!【Figma】 - Qiita

    はじめまして、ますみです! Figmaとは? 1. 公式ページ A better way to design. Design, prototype, and collaborate all in the browser—with Figma. 要するに、ブラウザ上でデザインして、プロトタイプして、チーム開発をするのに向いているデザインツールです。 2. Sketch はもういらない? デザインツール Figma の紹介 こちらの記事は、わかりやすく要点だけ抑えていて、最初は読みやすいと思います! 入門編! 3. サクッと始めるウェブデザイン【Figma】 こちらのでは、一冊のウェブとして無料で配布しているチュートリアルになります。 実際に業務委託などの仕事の現場でFigmaを使ってきた私自身の知識と経験を活かして、作成しています。 4. Figmaの基【これからはじめるFigma

    Figmaリンク集まとめ!【Figma】 - Qiita
  • 1