ProtoPie

Protopieで始めるインタラクティブプロトタイプ制作

はいどうも〜UI/UXデザイナーのうっくんです。

今回はProtopieというモックアップ作成ツールを紹介していきたいと思います。

近頃では、SketchやFigmaといったUIデザインツールに標準で簡単なモックアップ作成機能がついているので、「プロトタイプ制作ツールとかいらなくね?」と思ってしまいますが、ちょっと待った!!

プロトタイプとは

まずツールを紹介する前に、プロトタイプの役割と

もっとみる

【Protopie】 〜スライダー・スイッチ〜

いろんなツールの勉強がいったり来たりですが…汗
インタラクティブなモックアップが作れるアプリ "Protopie" が "Figma" 読込にベータ版で対応したので、いじってみました。

ベースのデザインはこんな感じ。
Daily UI の「#007 setting」です。

(準備)Figmaで作成したUIデータをインポート

Protopie上でも同じようにパーツ作成できますが、Sketchな

もっとみる

ProtoPieでつくるUIアニメーション

【ProtoPieとは?】

ProtoPie とは、デザイナー向けに開発された、コードレスで簡単にプロトタイプが作成できるモックアップツールです。非常に簡単に素早く作れることから、” Prototyping as easy as PieProtoPie ” が ProtoPie の名の由来にもなっているようです。

ProtoPie 公式より [ https://www.protopie.i

もっとみる