Tom Johnson
@tomjohndesign
Followers
3,447
Following
927
Media
859
Statuses
3,658
I dream in dither. Design @basedash .
Nashville, TN
Joined September 2012
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
オリンピック
• 683524 Tweets
Christians
• 400909 Tweets
#บัสซิ่งไทยแลนด์EP7
• 256354 Tweets
花火大会
• 222787 Tweets
#พรชีวันep1
• 177758 Tweets
1M LOVE LINGORM
• 133813 Tweets
Endrick
• 128477 Tweets
グラブル
• 117351 Tweets
スポーツ
• 114780 Tweets
Itália
• 77181 Tweets
YOKOFAYE WATCH BLANK
• 73795 Tweets
Judo
• 67382 Tweets
永山選手
• 66384 Tweets
#SixTONESANN
• 49478 Tweets
柔道の審判
• 48515 Tweets
Darlan
• 42559 Tweets
#青島くんはいじわる
• 34549 Tweets
Leclerc
• 34367 Tweets
#ジェルくん誕生祭2024
• 31791 Tweets
Arabia
• 30122 Tweets
反則負け
• 28979 Tweets
Checo
• 23734 Tweets
柔道の判定
• 23261 Tweets
ハンドボール
• 20692 Tweets
コラボガチャ
• 20009 Tweets
Equi
• 19948 Tweets
男子バスケ
• 16425 Tweets
Irak
• 16386 Tweets
クラフトワーク
• 14976 Tweets
Babiarza
• 12670 Tweets
ガルリゴス
• 12184 Tweets
girl in red
• 10959 Tweets
タルマエ
• 10370 Tweets
Design hack:
Set up an hour long meeting once a week, or at least once a sprint with your dev team just to go through and fix all of the tiny UI details that could be better.
All of the things that would never get prioritized in a Sprint planning.
All of the things that maybe a
50
142
2K
I'm calling this a "proximity menu".
The best click is no click.
103
77
2K
39
75
1K
I feel like all I tweet about these days is
@framer
but man, it's hard not to share.
I've never in my career been able to prototype, let alone ship, sites with effects like this.
7
7
208
Please
@figma
. I'm begging you for something like a "wrap text in span" because this workflow is about 100x harder in Figma than it is in code.
12
14
191
I'll never understand how Illustrator, a GPU accelerated desktop program with decades of updates, hundreds of developers, and tens of thousands of users, is slower rendering A SINGLE RECTANGLE than browser-based
@figmadesign
.
I mean, all I'm doing is using the pan tool. CMON.
7
26
185
I made the
@Tesla
Model 3 UI in
@figmadesign
and learned how
@elonmusk
is driving us to the future.
#UX
#UI
6
50
181
If someone ever tells me that making components in
@figmadesign
slows them down, I'll just show them this:
3
23
132
@aleksliving
Most personas are useless. They're a legacy deliverable that agencies created to have another billable item and something that executives love to point at to seem "user centric".
This group is the "Steve like x,y,z and lives in a town and has 3 kids". Product teams start to
9
8
133
I've had this
@figmadesign
tipsheet in an internal document for some time, but I figure someone else out there might get some value from it:
#figmatip
#ux
3
16
117
Dream
@figmadesign
plugin:
@sketchsystems
+ component swapping. Allow me to define all variants of a component, and on selection be able to swap between them using a UI like this.
Prototype link:
4
10
106
Not sure how I feel about mass use of
@figma
variables in my design system. My workflow has simultaneously never been faster and also never been slower.
So much more complexity under the hood, but also file performance has taken a nosedive. I'm seeing loading sluggish panning,
8
0
107
What started as a 1:1 rebuild of the Basedash site in
@framer
has turned into a lot more.
I can't put my finger on the exact reason, but building in Framer lets me think a lot more about the whole vision and narrative of the site vs how to compose each element. It's been great.
9
9
105
This
@yotoplay
is the most well-designed family toy I've ever seen. It's a master class in product design.
My kids love it. My wife loves it. I love it.
The UI. The apps. The platform. The content. The sales strategy. The industrial design... Worth a case study.
5
6
103
These are probs the crispiest buttons I've ever made.
No way I could make it anywhere else but
@webflow
.
👨🍳😘
12
5
95
4
25
91
Hey
@figma
I know there's all this drafts drama and all, but can I please understand the logic that makes this dropdown CONSTANTLY switch from Libraries to local and never ever "All libraries" which should absolutely 100% be the default.
It's been bugging me for so long.
9
2
92
Excited to hang in SF later this week for
@figmadesign
#config2020
.
It's just crazy to think how far Figma has come in the last few years and how many people are using it now. People thought I was crazy to suggest this in 2017:
4
2
87
All I want.
Is the Webflow style editor.
Inside of VS Code.
For React components.
How is this not a product?
16
5
78
Hey
@NotionHQ
, wouldn't it be cool if my
@figmadesign
file structure was automatically mirrored in Notion so that I had the perfect place to keep files and projects documented?
I know you all are like, tight, so maybe that should be a thing...?
3
2
71
Okay... I'm a fan of
@figmadesign
. Nothing new there.
But prototyping with components? This only took 30 min. THATS INSANE.
#UX
#UI
#design
3
8
64
I can confidently say that after a week of using
@framer
sites that it's going to completely upend the no-code website builder market.
Hoooollyyy smokes this product is going to be a big deal.
3
4
52
I've tried to learn
@framer
with every major release they've had for probably 6 or 7 years. Never has stuck, though I've always wanted it to stick.
Framer sites, though. This is going to stick.
I'm very excited to see the future of this product.
2
0
49
@emanuelsa
Data. Every design file should have a basic built in spreadsheet that can be used to populate the designs. Not as a plugin, but completely core to the document and team.
Content should be just as componentizable and reusable as UI.
4
1
47
I think I tracked down the main issue I'm running into with
@figma
variables. They're too broad.
My mental model keeps expecting them to be here:
Not here:
I do want them at the canvas level, but I don't want them only at the canvas level.
Ideally, I'd be able to set them
6
0
46
@framer
is so. Much. Faster.
Faster to navigate.
Page loads, clicks, assets, publishing, CMS editing...
It's faster to make changes.
To get feedback. To test different ideas.
I've been using Webflow for years, Framer for months. I'm faster in Framer.
1
1
44
I've never
@figmadesign
's team IRL, but have DMed, tweeted, intercom'd, hangout'd with some of them. Each time, I didn't think that I was another feature request in the fray, or going to receive a templated reply. They get community. They care about their users.
#whyilovefigma
3
6
43
For my 1000th tweet, I'll see your dark mode UI and raise you an 80's mode.
- Made in
@webflow
0
5
44
I'm super conflicted about auto-layout in
@figmadesign
.
On the one hand, it allows me to save tons of clicks and time.
On the other hand, my files have never been messier, less constrained, and I regularly lose flow to fix things that don't make sense.
Anyone else?
10
3
42
Our design tools are going to have to dramatically change to help make these experiences.
I wonder if we'll look back at Figma like we do now with Photoshop-- an existing tool that could, but was not meant to design for new paradigms...
Principles of Spatial Design:
Design for Spatial UIs:
Shared Spatial Experiences:
Accessible Spatial Experiences:
Design for Spatial Input:
18
343
1K
7
4
42
I made my first
@figmadesign
Figjam doc today and I legit thought something was wrong because it loaded so fast.
Bu.... how. How does it load that fast.
There was no delay.
Am I reading this right??? A sub 10 MILLISECOND time to paint??????
HOW.
HOW.
No, but seriously how.
3
1
41
I can't code.
I have hit walls in my career because of that inability. I've tried to learn, failed. Tried again, failed again.
I learned to be okay with it.
It's a blocker, not gonna lie. You're always reliant on someone else to implement, build, or see things though. I've
0
7
35
Dear
@figma
Please blatantly rip off this amazing feature in
@splinetool
. A cloner for repeating the same items with randomized properties (data) would be at least be a 10x improvement over the current workflow with autolayout and duplicating elements.
1 click to make a photo
6
0
37
Huge reason we're moving
@Basedash
to
@framer
is the CMS. Most of our blog posts are technical and have code snippets.
@NotionHQ
makes authoring great, but
@webflow
doesn't support most mrkdown.
We are making this work rn with
@thatsfinsweet
, but the workflow is... frustrating.
3
0
33
Quote from dev looking over my shoulder at a prototype I built in
@webflowapp
:
"Man, I wish it was that easy for me to make this in production."
2
5
31
1
3
31
@webflow
A little context: This is an internal app for Asurion Experts that's currently in use and at scale with close to 200k sessions logged. We did it out of need to scale and test our program very quickly, and are slowly rolling out a refactored version made in React.
1
1
29
We need better onboarding at
@Basedash
.
Our recent launch on
@ProductHunt
was awesome, but our first launch experience needs work.
I'm going to design it in the open and tweet the whole process in a 🧵.
Discovery, user flows, tests, everything.
Won't be short. Here we go:
3
3
29
Dear
@figma
it would be awesome if sections didn't act like frames, but more like a hybrid of a group and a frame, with the ability to grow with their child contents.
It's v annoying to have to keep resizing them, when they're really just best for a visual or prototype
7
0
29
@jsngr
I’ve been using the term “ambient AI” for anything like this that removes friction or improves results. It’s easy to over embellish something that’s basically just an API call for simple things.
0
1
27
We're going all in on
@trycampsite
for the next weekish at
@Basedash
.
With the recent acq of
@with_multi
by openAI, and the total mediocre experience of
@SlackHQ
huddles, it might be time to find a new way of working.
We're all remote and do some async, but Slack doesn't help
3
1
25
When
@figmadesign
released their grid tidy-up feature a while ago, I made this chess board to show my team how to use it. Check it out.
1
2
25
2
0
25
So I made the trench run UI with scroll-based progression in
@webflowapp
. Thinking of adding some more SW UI to this site in the future.
Check it out for yourself:
4
4
24
Love the
@calcom
public dashboard. Are there any more examples like this of public facing metrics and charts?
3
2
24
Wrote a little piece about how to
#design
an Agency website from scratch in
@webflowapp
, which is, quite frankly, one of the best tools you will ever use.
Here's part 1:
Here's the site that I designed for the article:
1
4
24
Just having some fun playing with
@figmadesign
components while drinking my morning cup o' joe.
3
6
23
Design tools need classes & states. It's hard to go from the ease of making page-level design changes, e.g. room em, font, color, padding in
@webflow
to the chore of dragging and individually styling elements in other tools. There has to be a better way.
1
0
22
Canvas.
The canvas around each page in a Framer site isn't just for exploration, it's also gread for taking components and elements off of a page temporarily until they're ready.
Instead of deleting a button, logo, or section before a publish, just drag it onto the canvas.
1
0
23
I made a list of the top 9 MacOS apps and utilities I wouldn't want to work without.
Full explanation and links here:
Here's the TLDR list 👇
9.
@HandMirrorApp
cause you gotta look fresh.
8. Window Magnet to keep things tidy.
7.
@macbartender
to clean
9
5
22
0
5
21
Collaboration.
Logging into one site with multiple team members was huge with
@figma
, but it's even more obviously huge when that means I can have copywriters, marketers, and developers all working side by side.
Component props also make changing elements easy for anyone.
1
0
22
Some high top performers from the study:
(% users vs would use again)
🐘
@PostgreSQL
- 89%
🔴
@Redisinc
- 88%
❄️
@SnowflakeDB
- 88%
🪐
@planetscaledata
- 87%
▲
@prisma
- 86%
⚡️
@supabase
- 84%
Ⓜ️
@metabase
- 83%
➕
@TablePlus
- 82%
🔍
@Google
BigQuery - 81%
1
4
22
Just switched to iPhone. I’ve only ever had Android and Palm Pre back in the day. RIP. Most recently was a Pixel 7.
Some thoughts.
Apps are crazy better.
The OS is so much faster.
Notifications are hot garbage.
Sound controls are nonsensical.
Haptics are incredible.
iMessage
6
1
21
Well.
Blergs are minting now.
I've been working on this for 3? 4 months?
Feels good. All the issues people have with NFTs, all of the stigmas and hype and nonsense...
The tech is just cool, mmkay? It enables a ton of new products, ideas, and people to make things.
5
2
21
@t3dotgg
Tbh, don't rely on color only for destructive buttons, regardless of brand. Ideally it's as clear with b&w as with color. Icons, good microcopy, soft deletion, and always undo if soft delete isn't an option.
1
1
21
