2023-07

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

エンターテイメント

TikTok

2025-03

オンボーディング

28876306-0232-459c-bd0d-2d9c26b025b3.webp

40f0609c-855c-4a89-a861-a4c12c9a6c3c.webp

857790e0-4fb3-4ba1-8728-529178997fef.webp

c693f98e-3636-4465-a4f4-0b18a6978c81.webp

2c190501-50fc-4eb2-b750-c94e00fe1a59.webp

63a84a5a-125e-4c97-be7e-21d5a42f03ed.webp

9496b8e6-987d-4f2b-8aa6-50c1409cdfd7.webp

0463c76f-a12d-4d9d-bd2a-a4694fb98f17.webp

8e5ad9d3-bbc1-4908-9621-eda20188ac07.webp

db034ad1-1ddb-4a80-ad78-437095d01fad.webp

bbb21a53-6855-41f3-b650-d81326f4c02a.webp

8fd44587-b39b-4f33-beba-1beb4d8da964.webp

cd7fea14-43cc-4dd7-802b-ab64cc6993fa.webp

8b7cb85b-687d-4722-a319-8994f09e3ffc.webp

1238223f-c357-48f9-9c45-3c432686f5a7.webp

87e6af28-e93a-4c9d-81c7-475d8e6b4687.webp

fa60c8f5-82ab-4384-aafd-22f754e72b86.webp

8ba4821f-a5dc-4c03-a499-157292c24ac0.webp

1a4511f4-6796-4314-a631-f46b8945c3d9.webp

0c4162c0-3d4a-4f0f-b2f7-380b9ef5a7fc.webp

レコメンド

110b0f5c-ddcf-4539-8908-cbbd48b5ac79.webp

1666e0e7-4923-4d9f-871a-9cd16e815537.webp

149c29ab-9b80-4def-ba2d-ee4701429bb0.webp

55f251c9-8991-4d37-b19b-5fe3412a3b3a.webp

24870e58-ceb8-4504-8e11-505f3c9339c0.webp

e42ed43e-ad71-42fd-9d10-301a154a2199.webp

e96e4e55-898c-4c5c-ae61-7ba2ef642b5c.webp

c81b979e-e348-4c26-a1f8-c632af28bffc.webp

91e629ef-a3d4-4086-9766-aa8f10851e14.webp

554074d2-15f9-40a7-9ed9-318ba6e85524.webp

14bfb35d-7f01-44ed-8ac4-eca0077c6077.webp

04fbba59-bb29-4f93-b658-9ac3148c879a.webp

777beb2d-15f5-4ace-94d4-fb6d54847640.webp

d9ec0636-61d3-434d-b7de-30fa1b7fe8dc.webp

0f8ea056-3ce6-4767-80fd-f72c5e61e6b5.webp

aec5a98a-e33c-42cd-8dc4-f831c4ab39f5.webp

6782792b-c14d-458e-8e51-0c4f37963e2e.webp

7e828d19-7309-420b-9c60-d57df15051a8.webp

f9d65f91-fccd-408f-a4c9-3c9dd110a6df.webp

99185a36-64d4-47c6-b94a-1669743279c1.webp

6f186527-f571-40df-9c6e-1c1eb1d8c2de.webp

53d83a2b-3d2d-40dc-a5b9-22cc7ca022df.webp

085c2cd6-ab9e-40d9-897e-c87d04d2bcfb.webp

a4a27840-ff6e-41a8-af19-bc8227967f07.webp

7962bd1e-d8ef-495e-a8a7-1d4d450a392d.webp

aedbadf7-8f78-4bb7-a379-cdd2c9d5733c.webp

1f95e466-4ea7-4f79-a4cf-a25002a18717.webp

「TikTok」のUIデザイン一覧（2025年3月版）

TikTok

関連アプリ