https://teamspirit.hatenablog.com/entry/2021/12/09/080000
今年シンガポールから帰国したけど、引き続き日本のチームスピリットでプロダクトマネージャーとしてお世話になっている二宮です。 私にとって今年は、PMとしてFigmaをよく触った年になりました。 そこで今回は、その培ったFigma力をチュートリアルとして還元していきたいと思います。 プロダクトマネージャーがどのようにして、プロダクトや機能を構想していくかも合わせてご紹介していきます！ お題 お題はエンジニアの方だったら一度はやったことのある、定番のToDoリストにしたいと思います。(こんなの) 下記のような行程で進めていきたいと思います。 要件定義 ワイヤーフレーム作成 UI設計 (Figma) プロトタイプ作成 (Figma) それでは、作っていく！ 要件定義 普通はユーザーの課題から機能を考えてくのが正しいのですが、今回はある程度作るものありきなので、形式的にやっていきます。 普段自分は下
Penpot: The Design Tool for Design & Code Collaboration
Penpot is the web-based open-source design tool that bridges the gap between designers and developers.
エンジニアでも出来る！Figmaを使って自作アプリをリニューアル - Qiita
以前、「React Native製、予定作成アプリ「ペペロミア」を公開しました」の記事を投稿しましたが、その続編です。 ■React Native製、予定作成アプリ「ペペロミア」を公開しました https://qiita.com/wheatandcat/items/3324dfd141729e46009f その後デザインをリニューアルしたので、進め方と変更した箇所について紹介していきます。 https://www.figma.com/ プロトタイピング（デザイン）ツールです。 出来ることはSketchと似ていますが、1人で使用するなら無料でブラウザで使用可能なので導入のハードルが低いので、個人プロダクトではオススメです。 今回はFigmaを軸にアプリのデザインリニューアルを進めました。 UIリニューアル アイコン変更 まずは、新規アイコンを作成して、 そこからPrimaryカラー、Seco
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】
無料で簡単にワイヤーフレームやフローチャートを作成できるWebサービス「Whimsical」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上から誰でも効率よくワイヤーフレームやフローチャートを作成できる無料のWebサービスをご紹介します！ 可能な限り短時間で簡単に作成できるように工夫されているのが大きな特徴で、初めての人でも美しいワイヤーフレームを作って公開することが可能です。 【 Whimsical 】 ■「Whimsical」の使い方 それでは、実際に「Whimsical」を使いながらどのようなサービスなのかを見ていきましょう！ まずは、サイトにアクセスして「サインアップ」ボタンをクリックします。 （※Googleアカウントでも登録可能です） 無料のユーザー登録フォームが表示されるので、ユーザー名・メールアドレス・パスワードを入力しましょう！ すると、すぐに自分専用の「マイページ」が表示されます！ この画面から、新規にワイヤーフレームやフローチャートなどを作成
PowerPoint Prototyping Toolkit (release 0.2)
After hearing about the impact and success it had in Microsoft, I couldn’t wait to get my hands on prototyping in PowerPoint 2007. Amongst a few things Manuel Clement suggested a few weeks ago in his presentation about “wireframe prototyping with Office PowerPoint 2007”, was to create a toolkit of commonly used GUI components to copy and paste when designing the prototype screens. That’s what I se
もう全部パワポで良いや！PowerPoint魔改造アドイン7＋1選 - リクナビNEXTジャーナル
デザインテーマのダウンロード不要！いつでも呼び出せる大量のテーマを追加実装する必携アドイン VisualBee 確かに（昔よりは）Microsoftも頑張ってくれてるんですが、やっぱりダサいパワポのデフォルトテーマ。 これをなんとかするために、オシャレテーマ配布サイトを巡回してはみるものの…これを探す手間がまぁなかなか大変で。。。と、そんな方にオススメなのがこの「VisualBee」アドインです。 大量のスタイリッシュなテーマ、画像ファイルがサクッと使えるようになるのはもちろん、簡単に実装できるオリジナルアニメーション効果なども豊富にプリセット。 シンプルなUIに従って数クリックするだけで、まるでプロが作るようなゴージャスな資料作成が可能になるという統合プレゼン資料作成ツールです。 動画を見てもらえばわかりますが、結構ハンパないやつです。 >> ダウンロード：VisualBee これがパワ
Diagramly - Draw Diagrams Online
Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. draw.io can import .vsdx, Gliffy™ and Lucidchart™ files . Loading... Please ensure JavaScript is enabled.
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Claritee: Visual ideation tool for planning digital assets and design projects
Docs for shaping product ideas
Everything your team needs to build better products
Wireframe Showcase
wireframe.cc
Online Mockup, Wireframe & UI Prototyping Tool
How to build wireframes online - MockupTiger wireframe tool