It was 8:40 AM in the morning. I woke up from the bed as my subconscious memory reminded me of the team meeting at 9 AM to discuss what I am working on.

早上8:40。 我從床上醒來，因為我的潛意識使我想起了上午9點的團隊會議，討論我的工作。

8: 45AM: Turned on my lappy. It takes a heck of a time to get started and have all applications open (along with Figma).

8：45AM：打開我的馬褲。 開始并打開所有應用程序(與Figma一起)需要花費大量時間。

Now it is 8:59 AM.

現在是8:59 AM。

Flashback

倒敘

If you are a Figma person and a large team of designers, you know how there are many files for browsing. The reason for this can be — everyone publishes their work for review and files from your draft. Also, files from the community for inspiration. And other design inspirations from the internet, more and more files. So, when it comes to finding that one file from the grid of drafts or projects, it takes a moment or more. Search is available but sure you might not have an interest in going for it always.

如果您是Figma的人員并且擁有龐大的設計師團隊，那么您就會知道有多少文件可供瀏覽。 原因可能是-每個人都發布其工作以供審核??并從您的草稿中歸檔。 另外，從社區中獲取靈感的文件。 以及來自互聯網的其他設計靈感，越來越多的文件。 因此，當要從草稿或項目網格中找到一個文件時，需要花費一會或更長時間。 可以進行搜索，但請確保您可能始終沒有興趣。

I hope, you find a file using the file’s thumbnail snapshot reference that you saved in your brains. The amount of working memory might not be in your favor always. So what’s the solution to find my file that I am looking for at 8:59 AM to start presenting at 9:00 AM meeting.

希望您使用保存在大腦中的文件縮略圖快照參考來找到文件。 工作內存的數量可能并不總是對您有利。 那么，找到我要在上午8:59查找的文件并在會議開始于9:00 AM的解決方案是什么？

So, there’s a problem to solve, right?

所以，有一個問題要解決，對吧？

Figma’s preferred way to show you files is by displaying a snapshot from the file content. You remember it most of the times and that fades by increasing the number of files. You might wonder, why some content-rich websites use a grid pattern to present content?

Figma顯示文件的首選方法是顯示文件內容的快照。 您大多數時候都記得它，并且隨著文件數量的增加而消失。 您可能想知道，為什么某些內容豐富的網站使用網格模式來呈現內容？

您應該在這里了解一些深層次的知識。 請參閱此研究文檔，了解恢復中斷工作的上下文 。 (There is something deep you should be knowing here. See this research document about Restoring the context of interrupted work.)

Coming back to my problem. How to find my file with ease? May be by having a good thumbnail for every file that I can remember among the bunch of files. So, how can I achieve it?

回到我的問題。 如何輕松找到我的文件？ 可以通過為我可以記住的文件堆中的每個文件保留一個好的縮略圖。 那么，我該如何實現呢？

From the research I made among my pals who use Figma, most of them said they remember their files by names. They try to recall it in case they need to use a search. So my thought here is to create an awesome file cover that shows up name along with a color of choice.

從我對使用Figma的朋友進行的研究中發現，大多數人說他們記得名字的檔案。 如果需要使用搜索，他們會嘗試重新調用它。 因此，我的想法是創建一個很棒的文件封面，以顯示名稱和選擇的顏色。

I thought of creating a plugin that generates a cover page for each file that you work on. Here is where you need to go for getting more info about how to create plugins for Figma. https://www.figma.com/developers. I do have a little programming knowledge, I created it using plugins API made available by Figma. At the end of this article, you can find some links that can help you get started on how to create a Figma plugin.

我想到了創建一個插件，為您處理的每個文件生成封面。 您需要在這里獲取有關如何為Figma創建插件的更多信息。 https://www.figma.com/developers 。 我確實有一點編程知識，我是使用Figma提供的插件API創建的。 在本文的結尾，您可以找到一些鏈接，可以幫助您開始如何創建Figma插件。

1. Open any file that you are working on.
   打開您正在處理的任何文件。
2. Launch the CoverPage plugin.
   啟動CoverPage插件。
3. Enter the cover page text, select a color, and hit the ‘Create’ button.
   輸入封面文字，選擇一種顏色，然后點擊“創建”按鈕。
4. The plugin creates a new page at the start of the pages list for your file that shows up as a cover.
   該插件會在頁面列表的開頭為您的文件創建一個新頁面，該頁面顯示為封面。

Its simple to use and for now with basic preferences to create a cover. I started using it for myself and did some testing too and now It is ready for the launch. I published my plugin with a good banner along with a write-up. It will take 3–7 business days for the Figma team to review and approve it. You need to wait for an email that says your plugin is either approved or rejected.

它易于使用，目前具有基本的偏好來創建封面。 我開始自己使用它，并且也進行了一些測試，現在它可以開始了。 我發布了我的插件，上面寫著一個很好的橫幅和一篇文章。 Figma團隊需要3至7個工作日才能對其進行審核和批準。 您需要等待一封電子郵件，說明您的插件已獲批準或被拒絕。

Wait…..wait…..wait…..🙇🏻 🙇🏻 🙇🏻?♂???

等待.....等待.....等待.....🙇🏻🙇🏻?♂???

and here comes the approval mail and the plugin is live. You can find it here

批準郵件和插件就在這里。 你可以在這里找到它

You might be wondering how this small plugin made the change for me. Here is the before and after the scenario:

您可能想知道這個小插件如何為我帶來了改變。 這是該場景之前和之后的情況：

I will come up with more ways of customizing the cover in the next version of this plugin. You can find the current version here

在此插件的下一版本中，我將提出更多自定義封面的方法。 您可以在這里找到當前版本

Check out this plugin in Figma and let me know if you have any suggestions or ideas around it. Here are some resources to get started if you have an interest in plugin development:

在Figma中查看此插件，如果您有任何建議或想法，請告訴我。 如果您對插件開發感興趣，這里有一些入門資源：

https://blog.prototypr.io/figma-plugin-tutorial-1-6-65fc2102506

https://blog.prototypr.io/figma-plugin-tutorial-1-6-65fc2102506

https://www.youtube.com/watch?v=AM1HcamgCQ0

https://www.youtube.com/watch?v=AM1HcamgCQ0

https://medium.com/javascript-in-plain-english/how-to-make-plugins-for-figma-d29190a64d8a

https://medium.com/javascript-in-plain-english/how-to-make-plugins-for-figma-d29190a64d8a

Thanks a ton.🙏🏼

謝謝你一噸。