2024-01

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

ファイナンス

オンボーディング

2d44ab4f-5d64-4600-9c49-62947ab9228b.webp

4e438d61-174a-4588-b8b4-4e1f5a396571.webp

afecceb1-3ae6-475f-a857-609b47a9bfba.webp

530725b8-30c1-49a8-bba7-f63c866c6450.webp

7c386cb4-8d10-4fa2-8dd2-5a9a87bec0a1.webp

口座

6bc3b4d8-3ee5-40b4-af80-3547886545c5.webp

37f71cab-3a07-4f4c-a0c4-ec1459a4b921.webp

26e11909-f306-4b7b-8ed0-fcc016b72817.webp

ab53555b-8cf6-4963-a881-3f97784ed626.webp

b2d30838-986a-4fb0-975f-7f4c90ad7573.webp

b33f247b-6797-46ae-a2c3-3ac0fe18e829.webp

81e49306-1488-4e62-88cd-3f5dd6fc9a02.webp

71886827-b90a-48e4-bebe-85fa7a4b13c5.webp

db856e57-9a65-4be5-ba59-a329b595725c.webp

8497d207-5dde-4f75-b120-f8183dbff5ac.webp

c423656e-f289-4c22-9769-896e4e7e353c.webp

619d5cd0-cff4-41ec-a56d-d7119a0b6f3f.webp

口座詳細

25cb3800-ebfd-4fa2-a559-837939427ff7.webp

69315035-eaf0-46a3-ad5d-6b5904197038.webp

24ee6104-418f-4c3f-b831-d6c2eff88d28.webp

a85180d8-b5fc-4af8-8870-3e697db84308.webp

dc86d2e8-3bf8-4410-9f23-ed5139baccd1.webp

4c5ae4b2-6501-4f5f-b399-cd9bdf586906.webp

04571022-6c65-42d0-af75-b7bdd39cab44.webp

42b4645c-a081-4ba3-a409-ea2a50bd5976.webp

0da73e8e-548d-4036-adea-40e3a07ba029.webp

164692a7-eb7c-4555-b71e-2a7d3e5fe3bb.webp

83f534e5-7d92-4d3c-936a-6430a558666d.webp

b1a3a80f-44d9-47d5-9f60-9e6c8b337b2f.webp

0373d8ae-beb8-4104-a8b3-89f23d53e7c6.webp

13795dba-467b-4e51-b0c1-57235f7e78bb.webp

5831f24a-861a-4f26-921d-ed0fd0b4199d.webp

2a23b03b-dd75-41f6-b224-ab6b3bda1167.webp

5b9d6ab9-b305-4907-bc2a-0f92c3339d75.webp

7cb98e51-7483-4871-860d-24ccf0977afd.webp

新しい出費

21ff87c2-b050-4b4d-a620-a96c47fbabca.webp

fe8dd302-e947-4cbd-b343-285453953d19.webp

1d8a2c34-0a78-418a-b6a7-bab2ff221b45.webp

4b34ac7b-b1e2-49f8-99e0-ebe41abd2a0e.webp

66106976-e849-46b0-b7d8-8d3809848dec.webp

83dccbcc-1e99-4146-921b-61a06cbe832f.webp

121380df-91a5-4c41-a6d8-190a023c5209.webp

33d6df8a-024b-4ab1-a2b4-78dee6965551.webp

8c4a0212-20c9-4361-aeae-4eac0c72c387.webp

60fb9b36-3232-4149-9455-78d39cf4d1c0.webp

73bb4a17-472b-42c3-8f15-c0c8e7ef20cb.webp

4294566d-44ea-43e5-8f33-24a1756e15a0.webp

e9504eb0-b9ed-49b9-b5d8-92c8750dec0c.webp

3e79b1ed-f205-42dc-8723-c06e1659b532.webp

4c1ef68f-1098-46b0-ae92-e163a57dd757.webp

5a94ac04-ea01-4a0e-b5df-c292a1229a46.webp

新しい収入

f494030d-c691-48bc-9c91-2d76470239a8.webp

f158f9f3-9a9c-4291-9827-634bad5b2443.webp

bd2e6009-8e69-4a5c-9656-668fa9481197.webp

5c9c9d3c-a9ac-41db-9217-84276669a4d6.webp

9903c8cb-0588-4e44-96b8-bc8507086d87.webp

履歴

851405a3-a54c-4c93-b0e0-2edb1db7bf45.webp

925d56ad-f284-46c3-810e-ad8a4aeaec62.webp

f11a23e3-d702-4b02-97b6-eb5d9e69d659.webp

6ddb9d73-5a26-4f75-9028-636a3a1dd536.webp

4b640b72-065d-46d9-9d7f-87cd681c362b.webp

78cb3b7e-8f95-4e0b-8862-1a4c0ee97dec.webp

4c33e11a-beb1-4e4b-ab1c-f205e44fbc9a.webp

e82a758b-fe1c-48a8-a571-c61b464ee3c8.webp

4c29fcd7-0697-494f-8d8c-84a195063709.webp

09f0abdf-67ff-41ea-bd5a-31980b03e408.webp

設定・その他

6ccab1a3-3db7-4549-9575-ece10876935c.webp

28ea8473-9c3e-4666-939b-01a68447be16.webp

512ffa1d-c2f4-476d-9444-72313154f37e.webp

7350e0c8-d07c-4a8c-96c8-944f833589ec.webp

10a14a10-8666-4144-bf2e-be3a186b4a15.webp

e4ee5f00-bc29-4837-a0ea-56f9000f9fca.webp

3b563307-7c89-4b9d-91d7-c6a5d0615a8f.webp

9879b285-49ae-4553-ba0e-e872e047d849.webp

6296a9a7-e00e-4c4d-acbb-8fb3d5296c3d.webp

6374c6bc-4a29-4ebe-8503-5e0e73a23320.webp

a848467d-215a-4ea5-9b4c-570ed9728bba.webp

b9fbadc9-22f1-4cf8-a866-5243e00098b4.webp

f5618611-d8e1-4c4f-a785-453a32672df4.webp

c44ecef1-e8e3-453e-bc1e-1101207be2c6.webp

d45fc695-dc96-4a90-a63b-0458206bf94d.webp

3b60fafd-5702-414d-855a-edb379873875.webp

10413f1b-63be-4cf6-9cbb-6b53a0a9f05a.webp

ddbaf229-7b4b-47e7-bf25-87aa22d94681.webp

c4a20efb-6fa0-411e-ab7e-be5d98513ef5.webp

b1d84958-61ff-440c-b190-377bfeccfd7f.webp

2a92d231-8a14-4454-a634-8f85964f21a4.webp

fe995cab-2cd5-44d0-8052-5750d9af0073.webp

9a8d27bf-03ca-4af7-8525-2161665b4368.webp

676e0e7c-ae13-48cc-a725-dec35e6ded92.webp

d368635d-a83f-496d-8901-f155a13462ba.webp

e8583874-3737-4b51-adbc-1be38f52f4fb.webp

6e1aad05-31d6-4759-8a85-68c3819bc689.webp

f21c6296-1e1f-4b05-986a-3d573180f5a8.webp

fcd99693-d156-4713-bdeb-d1fd1dea5566.webp

「Fin」のUIデザイン一覧（2024年1月版）

Fin

オンボーディング

口座

関連アプリ