UI Preview 设计稿手机预览

About this plugin

介绍UI Preview 是一款专为设计师打造的 Figma 插件，可以快速将设计稿导出并上传到腾讯云 COS，生成手机预览链接。让设计评审和真机预览变得简单高效，无需繁琐的手动导出和文件传输。功能说明一键导出上传：选中画板后，一键导出并上传到腾讯云 COS，自动生成预览链接多倍率支持：支持 1x、2x、3x、4x 四种导出倍率，满足不同屏幕密度需求文件管理：内置 COS 文件浏览器，支持文件夹创建、文件删除、目录导航等操作灵活配置：支持自定义上传路径，可为不同项目设置独立存储位置即时预览：生成的链接可直接在手机浏览器中打开，实现真机预览使用方法点击右上角"设置"按钮，配置腾讯云 COS 参数（Bucket、Region、SecretId、SecretKey）在 Figma 中选中需要导出的画板选择导出倍率（推荐 3x）点击"导出并上传所选画板"按钮等待上传完成，复制生成的预览链接在手机浏览器中打开链接即可预览设计稿注意事项需要提前开通腾讯云 COS 服务并获取访问密钥确保 COS Bucket 权限设置为公共读，否则生成的链接无法访问画板名称不能重复，否则会导致上传失败建议使用子账号密钥，并限制权限范围以保证安全支持通过文件浏览器管理已上传的文件和文件夹IntroductionUI Preview is a Figma plugin designed for designers to quickly export artboards and upload them to Tencent Cloud COS, generating mobile preview links. It makes design reviews and device testing simple and efficient, eliminating tedious manual exports and file transfers.Function DescriptionOne-Click Export & Upload: Select artboards and export them to Tencent Cloud COS with one click, automatically generating preview linksMulti-Scale Support: Supports 1x, 2x, 3x, and 4x export scales to meet different screen density requirementsFile Management: Built-in COS file browser with support for folder creation, file deletion, and directory navigationFlexible Configuration: Customize upload paths and set independent storage locations for different projectsInstant Preview: Generated links can be opened directly in mobile browsers for real device testingUsageClick the "Settings" button in the top right corner to configure Tencent Cloud COS parameters (Bucket, Region, SecretId, SecretKey)Select the artboards you want to export in FigmaChoose the export scale (3x recommended)Click the "Export and Upload Selected Artboards" buttonWait for the upload to complete and copy the generated preview linkOpen the link in your mobile browser to preview the designNotesRequires Tencent Cloud COS service activation and access credentialsEnsure COS Bucket permissions are set to public read, otherwise generated links won't be accessibleArtboard names must be unique, duplicate names will cause upload failuresRecommended to use sub-account credentials with limited permissions for securitySupports managing uploaded files and folders through the built-in file browser