Five years ago I made my poster design with Figma. Fortunately, I got the chance to meet all the amazing ppls behind this product on
#Config2022
.
🌈 a thread(1/10)
🥨 It's live - bend your text into circle, square, triangle, or even arch shape with
@figma
curve text plugin! Perfect for designers looking to add a creative twist to their typography.
✂️ Cut out image (with adjustable outline) in
@figma
! Hope I can meet some of the meow worker at
#Config2023
🐈🐈⬛
🔗 Try the plugin with new feature here:
I’ve been working on
@figmadesign
design system handbook for the last two months, and plan to launch it at the beginning of 2022! 🤩
100+ of concept & tips that were written in Chinese for Taiwan design community 🙌
Ok, this is working now! 🥁🥁🥁
@figma
plugin for segment anything with just a few clicks (it's better than just remove the background 🤯)
thanks for helping me!!!
@msfeldstein
@rogie
@yagudaev
Just finish a 1.5hr
@figma
design system live streaming event✨ walked through some complex example:
1. Auto layout v4 handoff tips
2. Base component vs Batch edit
3. Instance swap and preserve override
4. Component props vs Variants 🌈
🎥
✨ Made some fun exploration at
@tldraw
office with
@fal_ai_data
API tonight - work on concept that allows passing the stable diffusion result to the next frame on the canvas!
🔗
Decide to attend
@figma
's Config 2023 in-person this year. Also spent Sunday morning made an update to my segment anything plugin - adding adjustable outline to the cutout image! ✂️
Can't wait to meet
@rogie
,
@miggi
, and all amazing creators in SF 🙌
#config2023
Just updated my
@figma
plugin - Simpleflow. It allows you to use
#FigJam
connector within Figma file. And now.. also let you control which two elements the connector should linked to! (native copy & paste connectors can work better, right? 🙌)
Try it:
Over 1000 people tried the segment anything
@figma
plugin! 🙌
Small improvement - now you can directly drag & drop the cutout results into the canvas!
✂️ Try it here:
concept: grab a seat ... in
@tldraw
, put your front camera in any empty frame, so that you can see friend's face while editing! 🤩 (and press `c` to leave your seat)
inspired by
@sprout_place
Your perfect Jam board needs the perfect (static) Giphy stickers! this is the demo video for my first Widget for FigJam. 🧚
btw, so excited about the up coming
#Schema2021
!
tryout better note section behavior on
@tldraw
- automatically help you select all children notes when selecting any top note shape. toggle this setting by using cmd + K!
🔗
It works! integrated
@huggingface
's Candle Segment Anything model into my
@figma
plugin - Cutout✂️
The whole ml function runs in the browser with a WASM runtime! that means we no longer need a server to handle resource-intensive tasks.🙌
🧵
Really appreciate all the kind words!🙌 just made an update to the
@figma
Curve Text plugin - now with 100+ font styles and the option to flip (inverse) the text to the other side! 🔄
🧵Thread on some learning
Just finished 1 hr live streaming about
@figma
variables! It's so fun to share what I've learned to Taiwan design community and get to know more about how people feel w/ the new feature 🌈
Also share some shortcuts / plugins to speed up the design token building process! 🌟
📊 Spent Tuesday morning building the first version of "Simple chart":
1. Extract data from FigJam table
2. Update the styles in the setting panel
3. Paste the result to the canvas and edit as desired!
💡how do ppl work on charting in
@figma
, do we still need another plugin?
Weekend project: Learn how Segment anything model directly runs in the browser by using
@huggingface
's Candle framework! (Serverless inference w/ WASM and Rust🤯)
thx for making this
@radamar
@lmazare
🙌
Tryout: Joystick in
@tldraw
🕹️ - Rotate elements based on a center shape:
1. cmd + k to toggle the joystick
2. connect some elements to a center note shape
3. select the center note shape
4. rotate the joystick to see the changes!
🔗
Try to generate more icon today with
@diagram
's
@figma
plugin: Magician 🔮 I was amazed by the outcome!
the plugin even understand Chinese context✨ (I type flower and snake in Chinese for the last one)
Today we’re announcing six new ways to jam in FigJam, including…
💥Plugins
⚙️ Widgets
✨Templates
🔸New shapes
</> Code blocks
👋Open sessions
Join us live today at 8am PT to hear all about these new features from
@rogie
,
@brsabel
, and
@eymlin
.
I tried
@pampam_city
this morning to schedule my NYC trip, and I got this beautiful outcome within ~30 min. Cute stickers, theming, and AI chatbot assistant - so delightful to plan trip on this tool!🪴
(🧵1/4)
People ask about how to make a
@figma
plugin w/ client-side ML function, I'll note the steps down in this repo(WIP):
🏗️
Let's begin with the 'web worker'. For heavy calculation task (such as ML func), we can split those task to the background thread.
It works! integrated
@huggingface
's Candle Segment Anything model into my
@figma
plugin - Cutout✂️
The whole ml function runs in the browser with a WASM runtime! that means we no longer need a server to handle resource-intensive tasks.🙌
🧵
Even though my giphy stickers widget didn't get the
@figma
Community Awards, it's still a pleasure to see hundreds of people using it every day!
Thanks to every love, vote, and feedback from the community :)
I will host a
@figma
live streaming about variables (in Mandarin) next Wednesday! let's see if I can go through setup, naming logic, plugin intro in 1 hour. 💪 wish me good luck ✨📚
Inspired by
@matsugfx
's Figmaster plugin, I was trying to create one similar today⚡️... and all the content in this
@figmadesign
plugin comes directly sync from my
@NotionHQ
pages, how cool is that! 🤟
So glad to see my
@figma
design system 101 resources in Mandarin got used by over 1500 people 🎉 Many thanks to
@jackiechuichui
and Charlie for inviting me to join the Creator fund and for supporting me throughout the past 6 months!
🔗
@figma
plugin that runs
@Meta
Segment Anything model w/ WebGPU is too good! we are able to remove backgrounds or isolate objects in less than 2 seconds 🪄
(Video is not sped up, + all processing is on client side)
Meta's Segment Anything Model (SAM) can now run in your browser w/ WebGPU (+ fp16), meaning up to 8x faster image encoding (10s → 1.25s)! 🤯⚡️
Video is not sped up! Everything runs 100% locally thanks to 🤗 Transformers.js and onnxruntime-web!
🔗 Demo:
So glad to see this update from
#FigJam
team! also published a new version for my
@figma
plugin Simpleflow, now you can create colorful connector in the Figma file! 🙌
#FigJamColorDay
🔗 try it here:
What a great day,
@browsercompany
launched Arc Max🌸, and I just created a
@figma
plugin that runs SAM model on the client side with wasm and web worker 🤗 (thx to
@huggingface
's candle framework!)
Tryout: turn scribble drawing into image on
@tldraw
by using
@replicatehq
's AI models!
With ControlNet (user's drawing inside a frame shape) + Prompt (frame's title), you can probably generate anything in ~10sec ✨ (sped up for the purposes of video)
🔗
Try to generate more icon today with
@diagram
's
@figma
plugin: Magician 🔮 I was amazed by the outcome!
the plugin even understand Chinese context✨ (I type flower and snake in Chinese for the last one)
generate tile image from text in
@tldraw
! build up the prompt by selecting multiple note elements on the canvas🍿 that way, you can explore different combination and organize the result easily! 📚
This weekend, I organized a list of
@figmadesign
design systems from
@alexjpate
's awesome design system Github repo &
@CusickJosh
's design system for Figma website. 🔥🔥🔥
concept: grab a seat ... in
@tldraw
, put your front camera in any empty frame, so that you can see friend's face while editing! 🤩 (and press `c` to leave your seat)
inspired by
@sprout_place
UI Prototyping assignment for React/Framer summer challenge host by
@lintonye
.
Trying to mix Instagram story into Spotify, enable user to listen music with friends at the same time😎
Build with
@framer
animation api library🚀🚀🚀
Config is in 1 week! still busy wrapping up X, Y and received a email from
@figma
about new feature Z 🤠! So many new things will be released next week 🤩🤩🤩
btw, I wanna thank ppl who tried and love my tiny plugins, let's chat more during the event. ✨
Config is in 1 WEEK!
Curious what features we’re dropping?
🧩 Solve 5 puzzles, get 5 clues– each clue corresponds to a feature we’re dropping at Config. 🧩
Click on any piece of the logo to begin >>>
I’m glad people find this small
@figma
toy useful (and also receive different kinds of options tool 🙌)
I want to share takeaways and the story behind this 3.5 years old plugin:
A thread🧵 1/9
Made some small UI tweaks and new features for my
@figmadesign
Giphy stickers widget!
you can now switch between stickers/gifs type of resources and add in some random surprise using the trending label!💡
💡Thinking if it's possible to create a
@figma
plugin that can segment elements in a photo by using SAM. (from ) Not sure if I can use ONNX Runtime Web / Wasm for plugin development 💭
my
@figmadesign
plugin was approved! now we got to play some mini-game during cooldown!
the map resources are from
@emilyiszhong
's Figma Tetris and
@graceleaf_
's Hop Land 🙌
📌 Link:
24hr after my
@figmadesign
widget: Giphy stickers launched, here are some interesting data:
40+ installed / 90+ Viewed on Figma website, but guess what...👇
It's better when we present together.🌈
Had a good time sharing my work experience and
@figmadesign
community advocate stories to National Tsing Hua University's students in FigJam!
here are some takeaways and tips to do interactive presentation w/ FigJam: