Semi Design 文章图源说明

核对日期:2026-10-29。四份素材均来自 DouyinFE / Semi Design 官方中文 README 所嵌入的官方 CDN 文件,原文件未裁剪、重绘、转码或更改动画;不是 ConfigCrate 实测截图。图中 Figma、CodeSandbox 等第三方界面及标志归各自权利人,不代表其认可本站。准确演示版本未注明。

来源文档固定为仓库提交 0580665e20da61422b5269b0c5c44aa2b389d2dc:

https://github.com/DouyinFE/semi-design/blob/0580665e20da61422b5269b0c5c44aa2b389d2dc/README-zh_CN.md

该仓库根 LICENSE 为 MIT,许可文字涵盖软件及相关文档;本文据此转载官方 README 中的演示素材,并随素材保留完整版权和许可声明。README 中未另列这四份文件的独立许可;不据此推定所有关联网站、品牌标志和第三方素材均获同样授权。许可原文:https://github.com/DouyinFE/semi-design/blob/0580665e20da61422b5269b0c5c44aa2b389d2dc/LICENSE。本地完整 LICENSE 副本(含仓库保留的第三方声明)。

Copyright (c) 2021 DouyinFE。本站文章的 CC BY 4.0 授权不覆盖这些第三方图片,不替代其原许可。

图 1:整体演示 GIF

本地文件:01-semi-overview.gif;2000×1220,3,353,078 字节。

原图:https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/semi-info-1.gif

SHA-256:f3c28bccf9b018c4057a3a459dd530b80c28c60c4453fe6fe488f67841144d3f

图 2:Dev Mode 出码 GIF

本地文件:02-design-to-code.gif;1728×992,1,057,181 字节。

原图:https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/github/devmode.gif

SHA-256:d6d640b18879140bd02c8e2680cd3595a7ea136ab6a18c1d63ae7e876a315d6f

图 3:CodeSandbox 流程 GIF

本地文件:03-code-sandbox.gif;1628×916,3,565,530 字节。

原图:https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/github/1080p-fps5.gif

SHA-256:86648b137486ebab605e9851d6aea8cdfeed480dbf2d899d714f3ba485385970

图 4:DSM 管理图

本地文件:04-theme-manager.png;1280×622,70,762 字节。

原图:https://lf3-static.bytednsdoc.com/obj/eden-cn/ptlz_zlp/ljhwZthlaukjlkulzlp/github/dsmintro.png

SHA-256:5c4c5ddc51d90376526c60d5180fad49a677410987322cbdf6928c4859c64145

返回文章。