2022-06

MoneyFowardのUIデザインをコンポーネント・パターン・フローごとにまとめています。webデザイン、アプリデザインの参考に活用ください。

ファイナンス

家計の収支や資産管理 銀行・証券も家計簿アプリでまとめて管理

MoneyFoward

オンボーディング

19c21af7-69f2-4338-b033-a7d2092f2611.png

f802ddcf-d94c-49fc-b9b5-14c912389943.png

a1027920-e528-49d8-80e8-e43a39042139.png

bd9b3b05-c3e4-4f28-b100-dad6dd87d3b4.png

017e666b-7595-4365-a208-ad1c5eba9161.png

e06ee002-2b49-4152-9d07-cafa60f4e9ba.png

d7456ba3-2a61-466f-9496-1ea15aaed5d0.png

a8af57a3-fe02-44e9-b448-06066aef82bf.png

f8775b7e-cad9-42dd-a663-f44e2ce23400.png

567e7e90-3393-4d7e-afe1-c2dab1cf2bd9.png

759c07a8-0560-402f-81d3-7a3007035ed5.png

3b55f42d-75b6-4486-8505-073f5a4c6728.png

f7b734d3-f3cc-4ab9-9bc9-c88578a4864a.png

1d8b0281-72e1-4816-8062-f76fa65e6d96.png

3188b4a9-e534-47b4-9749-5a99d66afcee.png

4cc83559-d31f-4c8f-a3e5-8d8961f349e6.png

2160812c-aaa4-49d6-8409-267d258ec3c9.png

f3fc52aa-76e8-4b82-8642-4819281e437f.png

bba0a8d5-b910-4f4e-98e9-26332d0ad78e.png

9df74604-aa2c-4047-8e4d-ed70661321e0.png

8324aea7-ed0b-4aa2-9fd0-e1ce46b6e3c7.png

f56263da-9b29-40db-bbc5-eef217d46d19.png

440c9418-6d59-478e-9d93-6a62b7ffe011.png

ec77610b-b233-4807-91c2-e98d8167a15d.png

8058e3aa-57b0-4267-8ba5-67249bee1d73.png

04c52b52-b9cf-454f-ba83-0776285ed59f.png

22879337-a477-4a0e-ba39-ecb2ec0bb922.png

720d2b81-45c1-4cc0-9184-bc2e0dcb7e7c.png

b89d0b5a-d34a-448c-8578-95d6dac7520f.png

b40065ba-d3ed-41a8-b955-2d904f002681.png

0b96e30c-c2aa-4231-b9d0-fdea9f32dc72.png

8b1c6d7e-6c3b-4e72-b5aa-8e9ddd97b67c.png

465fcdcb-557a-4396-a7e2-4b45b99ca06a.png

579031ca-af53-4ac3-8ee3-a0f39f78fea5.png

8ed26dd6-0734-485c-8605-99124603c24e.png

dc6c107f-64f9-4460-888a-940fef2767ab.png

982b2eee-ad26-4d1b-be04-89743472b021.png

bd46f315-fa01-414e-922d-224271424a64.png

ホーム

ef8ce2d9-2664-43e1-ba03-1c403b2b70b8.png

e4e51ce9-51b0-4523-9c74-28a99347ce61.png

4a91066d-a532-4dcd-8f9e-2bd5fc3658c6.png

ca3f8a9e-14d8-48c3-ab42-67096e87de54.png

596524e5-edae-40c3-9b04-97f2954b24ce.png

f67d81cb-35af-4c13-9c17-037161e6133d.png

d9691429-9133-4460-8c7d-02a63d823504.png

ad85dc92-f50d-495b-8fff-3e1dedfec0d4.png

fae8d1ae-21d3-4680-949e-1b46b156c90a.png

1d48ee8b-28f3-4168-9de1-3d3f2418e0a2.png

98319616-5c16-4d99-8a4a-1c6d0485ce68.png

6e30bd59-fb9f-4b2a-a2ee-d194a16b6eeb.png

d971e479-b515-4928-9a0a-78a135a27425.png

ac937702-028a-469f-86d0-4ed4b38f3b3e.png

8cb0e42b-3407-459f-9cd9-8f3c70e6128f.png

d079a34d-0041-450b-8a3e-ff24139de2d7.png

「MoneyFoward」のUIデザイン一覧（2022年6月版）

MoneyFoward

関連アプリ