ツール・アプリ · 9作品

図解・画面設計に使うWebツール一覧

ホワイトボードで図を描く、画面案を制作指示にする。紹介したツールの実操作と作例から、使い方と利用条件を確認できます。

URL encoder/decoder

記号を含む文字列の変換と復元を実操作。公式画面と保存用確認メモを紹介。

公式デモのprivateを選び、falseとboolを確認。自作の型の練習データも保存できます。

2行のJavaScriptを宣言と式の構造で読む。acornでの実操作と自作対応表。

ease-outの曲線を開いて1秒の動きを再生。CSS表示と、時間・位置の関係を実操作で確認。

正規表現を図にして、6つの入力をTestで照合。共有URLとフラグの注意点も。

自作の文章をBase64に変換して元へ戻す。実操作画面と共有URL・保存の注意点。

三段階の図を読み込み、SVGと編集用ファイルを保存。実際の仕上がり、操作画面と保存形式の違いを紹介。

いのり様のUIデザインツール。画面案をAIへの指示にする手順と、出力で見直す点を実画面で紹介。

手描き風の図解・画面案を作るホワイトボード。実操作のスクショで最初の一枚を案内。