エンジニアでも出来る！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】
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefoxでレスポンシブデザインのテストが簡単に行える: Jkun Blog
Wireframe Showcase
