GithubHelp home page GithubHelp logo

figma-ui3-surge's Introduction

Figma-UI3-Surge

使用Surge脚本绕过候选名单,强制开启Figma测试版UI3。

image Figma作为一款强大的设计工具,拥有许多测试版功能供用户尝试。然而,这些功能通常只对特定用户开放。如果你想绕过候选名单并强制开启Figma的测试版UI3,可以使用Surge脚本来实现。本文将详细介绍如何使用Surge脚本完成这一操作。

所需工具

Surge应用:一款强大的网络调试工具,支持HTTPS拦截和修改。(自行获取) Figma-UI3.js脚本:用于修改Figma请求响应内容的脚本 在此右键另存

安装步骤

安装Surge

首先,前往Surge官方网站下载并安装Surge应用,具体过程不在赘述,完成安装后,打开Surge的 HTTPS解密 功能并配置所需的证书,确保Surge能够拦截和修改HTTPS请求。 image

注意这里https解密 一定要开启 具体的配置如上图

  1. 生成新的证书后 一定要安装到系统
  2. MitM 一定要写主机名 一定要写 *.figma.com
  3. 选项中 三个钩子 最好要勾上

下载并放置脚本

将下载好的脚本 Figma-UI3.js 放在配置文件目录,在配置的设置页面中可以一键直达配置文件目录。 image

编辑Surge配置文件

进入配置文件管理(Profiles),新建一个配置文件或编辑现有的配置文件,将以下内容粘贴进去。这里注意,如果你有在使用VPN,那么这个配置应当是追加,而不是修改,你可以将文件追加到配置中去。

[MITM]
hostname = *.figma.com

[General]
bypass-system = false
https = true

[Script]
Figma-UI3 = type=http-response,pattern=https:\/\/.*figma_app-.*\.min\.js\.br$,requires-body=1,max-size=-1,script-path=Figma-UI3.js

注意检查脚本配置 image

  1. 脚本路径和正则表达式注意一定保证正确。
  2. HTTP脚本参数 最大数据体尺寸 选无限制。
  3. 超时自己斟酌,我设置为1(小白跟着我设置就好)。

清理Figma缓存并重新登录

打开 Figma 客户端,在帮助(Help)清理缓存,重新登陆 Figma 。 image

享受Figma UI3

现在,您可以愉快地使用Figma UI3啦!

通过以上步骤,您可以成功绕过候选名单并强制开启Figma测试版UI3。如果有任何问题或需要进一步的帮助,请随时联系我。


新的汉化

以绕过开启UI3为灵感,我想到了可以通过替换figma官方语言包的方式汉化,好处就是无需修改客户端,实现全平台汉化,如果企业可以写入路由规则的话,可以整个公司汉化也不是不可能,并且实时更新,客户端可以随着官方一起更新。

使用请求拦截工具 将这个地址

https:\/\/www\.figma\.com\/webpack-artifacts\/assets\/figma_app-[a-f0-9]{16}\.min\.en\.json\.br

替换成我的语言包地址

https://raw.githubusercontent.com/kailous/Figma-UI3-Surge/main/lang/zh.json.br

figma-ui3-surge's People

Contributors

kailous avatar

Stargazers

motin avatar Gushi avatar  avatar  avatar  avatar XCWU avatar

Watchers

 avatar

figma-ui3-surge's Issues

问题请教

你好作者我按照你提供的方法步骤进行后,但我的 figma 并没有任何变化,可以抽时间帮我看一下吗,谢谢!
Uploading 截屏2024-07-23 09.35.58.png…

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.