🕶

I'm Lichin Lin, a design engineer previously at PicCollage.
I write, share tips, and create tools about design in different aspects, provide knowledge and idea for designers to work with better life.

🕶

I'm Lichin Lin, a design engineer at PicCollage. I write, share tips, and create tools about design in different aspects , provide knowledge and idea for designers to work with better life.

Articles
Projects
About
Articles
Projects
About

Design system courses

Knowledge for designers | 給設計師的設計系統教材與課程

📚

Design system handbook | 設計系統實作指南

進階的設計系統實作課，讓你在持續迭代設計系統上做得更快更好！

📚

Design system handbook | 設計系統實作指南

進階的設計系統實作課，讓你在持續迭代設計系統上做得更快更好！

🏫

Design system 101 | 設計系統小學堂

與 Figma 官方合作推出的設計系統實作教材，從零到一認識數位軟體設計系統吧！

🏫

Design system 101 | 設計系統小學堂

與 Figma 官方合作推出的設計系統實作教材，從零到一認識數位軟體設計系統吧！

Web exploration

New possibilities for web | 探索網頁更多的可能性

🎨

GenAI on 2D Canvas

Tryout Generative AI concept and editing experiments on 2D Canvas | React.js · Vercel · ChatGPT API · Replicate API

🎨

GenAI on 2D Canvas

Tryout Generative AI concept and editing experiments on 2D Canvas | React.js · Vercel · ChatGPT API · Replicate API

⌨️

Story type

A delightful typing game – AI-generated stories and illustrations in the style of artist like Picasso and Van Gogh! | React.js · OpenAI API

⌨️

Story type

A delightful typing game – AI-generated stories and illustrations in the style of artist like Picasso and Van Gogh! | React.js · OpenAI API

🛣️

Plan Trip

Instantly create your travel plan with AI | React.js · Vercel · ChatGPT API · Mapbox API

🛣️

Plan Trip

Instantly create your travel plan with AI | React.js · Vercel · ChatGPT API · Mapbox API

Figma plugins

Build tools for makers | 協助全球超過 15 萬名創作者的設計生產力工具

✂️

Segment anything

Effortlessly remove backgrounds or isolate objects in a few seconds!

✂️

Segment anything

Effortlessly remove backgrounds or isolate objects in a few seconds!

🌈

Giphy stickers

A React.js based tool that allows users to search and add animated Giphy stickers into FigJam

🌈

Giphy stickers

A React.js based tool that allows users to search and add animated Giphy stickers into FigJam

🤞

Simpleflow

A React.js based tool that allows users to create flowchart and diagrams inside Figma

🤞

Simpleflow

A React.js based tool that allows users to create flowchart and diagrams inside Figma

🧮

Annotation

Create redline annotation for the design elements

🧮

Annotation

Create redline annotation for the design elements

🔄

Context Switch

Manage content writing across your team’s product with multiple state using Google Sheets and Airtable.

🔄

Context Switch

Manage content writing across your team’s product with multiple state using Google Sheets and Airtable.

🉐

Taiwan Data Generator

Generate realistic Taiwan related content inside Figma

🉐

Taiwan Data Generator

Generate realistic Taiwan related content inside Figma

✌🏼 2023 • Made with love and Framer Magic