Dave Williames

Developer • Designer • Down Under • Product Designer at @Ferocia 📱 I like to build apps and Figma plugins in my spare time

[Dave Williames @DavidWilliames]

@grantrobinson Thanks for playing!!
I’m glad all the effort that went into that polish is being noticed. 🫶
I have a few other apps in the works. I’ll probably post here when they become available.

[Dave Williames @DavidWilliames]

I just released a side project I've been chipping away at.

It's a little puzzle game for iOS, called Bullpen 🐂
It's free, and has no ads.

Inspired by LinkedIn's Queens game and Star Battle puzzles.

It's weirdly addictive. Take it for a spin.
https://t.co/9lWsWIHol7

[Dave Williames @DavidWilliames]

Very surreal experience to be browsing the 'Today' tab in the App Store today and seeing my app 🐂 Bullpen listed alongside the likes of Monument Valley, Blackbox and Threes! 🤯😍

[Dave Williames @DavidWilliames]

When you use em dashes all the time in your normal writing — now everyone thinks it’s AI 😭

[Dave Williames @DavidWilliames]

Also, a little proud of this "Data Not Collected" App privacy badge.

[Milan M @MilanMeurrens]

A must-have Figma plugin for designers

Image Tracer by @DavidWilliames

Easily convert images into vector layers, saving time and boosting your creativity.

Some use cases:
- Use as mask
- Create a border
- No pixelation

Check it out at https://t.co/27wt6X059m

[Georges @georges_gomes]

🕹️ Can you make games in @Figma?

Yes! and now you can publish them to the web with @figma_to_web!

I took the mind-blowing Figma-Flappybird from @DavidWilliames, touched it up a little bit and published it to the web with https://t.co/Nn1x7CiZKi.

The result: https://t.co/Y0DMwIrMWQ
And 60fps please 😎

[Dave Williames @DavidWilliames]

Have a play with it: https://t.co/sJY3rWJsON

[Dave Williames @DavidWilliames]

I made a new experiment of an advanced prototype using variables in @figma...

A Pixel Art Flip book. ✍️📖

Using over 40 variables:
- Draw in 16 different colours in a 16 x 16 grid 🎨
- Add up to 16 unique frames
- Auto play between them ⏯️
- Adjust speed playback ⌛️

[Dave Williames @DavidWilliames]

Exciting news! 🥳

@divriots, the genius minds behind https://t.co/gB9bPmdGOt have acquired my Lorem Ipsum @figma plugin to build up their portfolio of tools to help designers.

It's in great hands, staying free for everyone. 💪

https://t.co/lPSpvtJOyo

[Dave Williames @DavidWilliames]

@figma has just released ratings & reviews on the Community! 🥳

It can be hard to tell if folks are appreciating my plugins because often all I hear about are bugs.

So do me a favour, if you've used any of my plugins consider giving them a rating: https://t.co/wqkRlqT5E0 🤗

[DoubleGlitch 🇺🇦 @double__glitch]

Thank you @figma for building the best 3D software ever!

Jokes aside, this is probably the first and only 3D engine built in Figma. It uses mathematical transformations to project 3D coordinates on a 2D plane (your screen)

Check it here: https://t.co/1ovtjEWkbe

[Dave Williames @DavidWilliames]

@zee7 @figma Nah I didn’t need to convert string to number at all.
I think for a calculator you could store it as numbers but also keep track of the amount of digits.
So if you typed “1” and then “7”, you could store that as: v1 = 1, v2 = 7, digits = 2.
So then the number is 1*10 + 7 = 17

[Dave Williames @DavidWilliames]

I think I've pushed @figma's new Variables and Advanced prototyping to its limit...

I present a fully working version of Flappy Bird!! 🔥

Featuring:
- Scoring + highscores
- Pseudo-randomised pipe placement
- Physics based movement
- Uses 46 variables

#Config2023

[Betafi @betafi_co]

Playing Flappy Bird on a @figma prototype on a video call?

This Tuesday, we decided to have some fun. Inspired by @DavidWilliames's amazing Flappy Bird prototype, our CTO Ethan (@sherbondy) built a usability testing project template in Betafi to help people play the game immersively in a video call.

Time to put your game face on!😎😎

#Config2023 #screensharingwoes

[Dave Williames @DavidWilliames]

@ux_ayaan @figma I'm planning to try to do one — but probably won't be able to get it done for a week or so.

[Dave Williames @DavidWilliames]

A bunch of folks have asked for it... so I've just published the @figma file for playable Flappy Bird, by using variables.
https://t.co/WwKJABom5i

I considered charging a few bucks for it, but instead I've made it free! 🤗

Will try to make a video tutorial for it too, soon-ish.

[Dave Williames @DavidWilliames]

I think I've pushed @figma's new Variables and Advanced prototyping to its limit...

I present a fully working version of Flappy Bird!! 🔥

Featuring:
- Scoring + highscores
- Pseudo-randomised pipe placement
- Physics based movement
- Uses 46 variables

#Config2023

[Dave Williames @DavidWilliames]

Just published the file for this now!

https://t.co/HwPxo8d49Q

[Dave Williames @DavidWilliames]

A bunch of folks have asked for it... so I've just published the @figma file for playable Flappy Bird, by using variables.
https://t.co/WwKJABom5i

I considered charging a few bucks for it, but instead I've made it free! 🤗

Will try to make a video tutorial for it too, soon-ish.

[Dave Williames @DavidWilliames]

To move the position of the bird, I mapped the bottom padding of an Auto Layout frame to the 'yPosition' variable.

[Dave Williames @DavidWilliames]

@double__glitch @figma Yep, I feel you 😅😅

[Dave Williames @DavidWilliames]

@double__glitch @figma Love this!! 👏
Originally I was gonna try to make Snake or Space Invaders, but after fiddling for a bit I didn’t think I could make it work, so I made Flappy Bird instead.
So congrats for pulling that together. 🎉

[Dave Williames @DavidWilliames]

@double__glitch For Flappy Bird I got semi-random placement of the gaps in the pipes.
The only piece of random input is when the user clicked, so I had a continuous incrementer cycling through values that would add together whenever the user clicked, and use that value to next place the pipe.