エンジニアでも出来る！Figmaを使って自作アプリをリニューアル - Qiita
以前、「React Native製、予定作成アプリ「ペペロミア」を公開しました」の記事を投稿しましたが、その続編です。 ■React Native製、予定作成アプリ「ペペロミア」を公開しました https://qiita.com/wheatandcat/items/3324dfd141729e46009f その後デザインをリニューアルしたので、進め方と変更した箇所について紹介していきます。 Figma プロトタイピング（デザイン）ツールです。 出来ることはSketchと似ていますが、1人で使用するなら無料でブラウザで使用可能なので導入のハードルが低いので、個人プロダクトではオススメです。 今回はFigmaを軸にアプリのデザインリニューアルを進めました。 UIリニューアル アイコン変更 まずは、新規アイコンを作成して、 そこからPrimaryカラー、Secondaryカラーを決めてデザインの
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」を使ってみた！ -
どうも、まさとらん（@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
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.
Wireframe Web & Website Wireframe Examples: Site Design, Tools & Mockups - Wireframes by MockupTiger
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ページを開く
Wireframe Showcase
wireframe.cc
Online Mockup, Wireframe & UI Prototyping Tool