✨ SayMore

j4ck

@j4ck.eth

well i’m pretty fluent in figma so i usually go that route but sometimes i need to be more vague and doing it on paper makes me stay more abstract. in figma i can slip into visual design sometimes when i should be focusing on ux concepts

Cameron Armstrong

@cameron

@saymore this is too interesting not to ask for more, my friend. Can you talk about the diff between visual design vs UX concepts?

13

View on Warpcast

Author Reply ❌

Farcaster Comments

Cameron Armstrong

@cameron

⭐ Threadstarter

Gm How do you prototype your ideas?

Jason Goldberg

@betashop.eth

Keynote then Figma

Cameron Armstrong

@cameron

Oh neat - I’m an excalidraw maxi trying to adopt figma behaviors What made it click for you?

Jason Goldberg

@betashop.eth

I’m insanely fast doing wireframes in keynote but then turn to figma for professionalism

Cameron Armstrong

@cameron

Gotcha - cool appreciate the insight

S·G

@esdotge.eth

Notion + Figma

Jacob

@jrf

Paper & Pen > Lucidspark > Figma

Cameron Armstrong

@cameron

Nice - how do you like lucidspark?

Cameron Armstrong

@cameron

I’m not a notion power user Can you draw in it or just for notes?

Jacob

@jrf

I create a flowchart of all essential screens & functions, using just circles, text and connecting lines

Jacob

@jrf

But to answer your question 🙃 I like it a lot! It's really simple to use and very easy to demo live

Eisuke Shimizu

@ed-shim

Notion, good notes(iPad) then Figma

Drew Fisher

@drewf.eth

Nothing beats excalidraw for quickly scratching down ideas to share. Then, I like to use svelte to make interactive stuff, but that’s bc I like writing code.

José J. Rodríguez

@jayjaydev

Notion. Just write down my personal motivation, the problem to solve, ideal client, solution sketch, and ground principles.

S·G

@esdotge.eth

Structuring concepts, ideas, messages, inspiration. The visual part is then done in illustrator and figma...

Cameron Armstrong

@cameron

How do you structure? Physical notes/long walks?

Cameron Armstrong

@cameron

Tight - any fun ideas lately?

Cameron Armstrong

@cameron

Nice - why svelte over others?

Cameron Armstrong

@cameron

Whats your figma process?

Cameron Armstrong

@cameron

That last one is key 😂 Thanks for sharing 🫡

vincent

@pixel

Hell yeah, I like prototyping ideas with Tailwind+Svelte, it's just faster for me.

Drew Fisher

@drewf.eth

If it stands on its own as a proof of concept, svelte is faster to write than react in my experience. Instead of thinking about state management, I just write the variable names I want to attach to the interactive elements and everything automagically reacts to changes.

Cameron Armstrong

@cameron

That actually sounds pretty great. I sometimes feel like I’m trapped in my react knowledge base dealing with that exact thing 😂

Cameron Armstrong

@cameron

@pixel and @drewf.eth on x games mode for prototyping 😵‍💫😵‍💫😵‍💫

j4ck • icebreaker

@j4ck.eth

usually figma, sometimes pop

Cameron Armstrong

@cameron

Why only sometimes?

steph

@steph

pen/paper first always 😊 too easy for me to just start *making things* if im at a laptop

Cameron Armstrong

@cameron

Amen to that 😂 What do you transfer it to when it’s time to expand?

steph

@steph

most likely figma if its product related - or google docs/notion or even apple notes just to write little memos

Caitlin

@0xcaitlin

My sister (an actual engineer) laughed me out of the room when I told her this, but I use PowerPoint. It’s faster than learning an entirely new software like figma and it does the job. Then straight from PowerPoint into code.

Cameron Armstrong

@cameron

Okay nice - do you ever feel like things are too scattered?

Eisuke Shimizu

@ed-shim

I setup empty frames first with one extra -> draw unorganized wireframe with box line text in each one -> then design repetitive components in the extra frame -> grind through each frame -> finish up with prototype interactions Never had a chance to learn the “right practice” but at least it works :)

Cameron Armstrong

@cameron

this is better than my workflow so I’m gonna steal it 😩😂🫡

Kt

@boredhead

Excalidraw just works fine for me.

Cameron Armstrong

@cameron

@0xcaitlin living in 3005 w S tier mock-ups 😂😂🫡

Eisuke Shimizu

@ed-shim

🤣

Cameron Armstrong

@cameron

🫡🫡🫡

Alex Loukissas

@futureartist

I like the “thick sharpie” approach from Shape Up (from Basecamp). Then non-styled web app with mock backend code (just to test the UX).

José J. Rodríguez

@jayjaydev

I have been thinking in social web3 but focused in scientific publications. There is nothing serious yet, and a lot of people have thought about it already 😅

Maybe Im Wasabi〽️

@maybeimwasabi

Lots of talk on Excalidraw - the better version of miro?

Maybe Im Wasabi〽️

@maybeimwasabi

Sounds like the right way to me 🤷‍♂️

Caitlin

@0xcaitlin

😂😂 I need to find a real designer asap

Cameron Armstrong

@cameron

If you’re shipping you’re winning 🥲

vaughn tan

@vt

paper (reusing scrap to further reduce the perceived cost of throwing a prototype out)

Eisuke Shimizu

@ed-shim

🥹

S·G

@esdotge.eth

It depends on the project or needs. If you give me more info about what you need to create I can give you more examples. For example the Brand3 website is made with Notion + Super because I directly wanted to connect the databases and thoughts about the processes and methodologies of brands in Web3. brand3.io

Devin Elliot

@notdevin.eth

If it’s pure new idea, procreate on iPad, then figma, usually I start at figma

Sid Gandhi

@sidg

Buy google ads for a landing page with 3 value props and a sign up form.

Devin Elliot

@notdevin.eth

Damn this sounds interesting 😮‍💨 everyday the mountain of things to try gets larger

Cameron Armstrong

@cameron

🫠🫠🫠

Cameron Armstrong

@cameron

What’s your fav landing page builder?

Cameron Armstrong

@cameron

Nice nice - how long does this take you?

Cameron Armstrong

@cameron

That’s neat! I’ve never used Super - what are your thoughts?

Cameron Armstrong

@cameron

Biggest brain move right here

Cameron Armstrong

@cameron

Never used Miro The killer detail in excalidraw for me is that you can make the edge lines “sketch like” Really makes me less stressed about aligning everything and getting it “right” so I can sketch MUCH more quickly

Cameron Armstrong

@cameron

Nobody’s solved it though 🫡

Maybe Im Wasabi〽️

@maybeimwasabi

Interesting

Cameron Armstrong

@cameron

🫡

Devin Elliot

@notdevin.eth

I'm pretty bursty, so typically a day This was a previous trading app i built for myself to remove the psychological factors that typically prevent a human from making the right decisions in the moment. From prototype to live took 4-8 weeks, i don't recall exactly

Devin Elliot

@notdevin.eth

I literally can't wireframe, so i just start at high fidelity. Then work backwards in the sense that I intentionally let it all through on the first pass and then start deleting shit that's nonsense on the updates

dylan

@dylsteck.eth

I used to be a Figma perfectionist. Now I try to spend a small amount of time there to get an outline and do most of the prototyping I would do in Figma directly in code. I’ve felt it’s a lot easier now to mock features up and rather feel them than hit artificial limits on a Figma canvas

Leo Nasskau

@lsn

Lol I found figma very simple to pick up tbh. And afaict you can export to html

Cameron Armstrong

@cameron

How do you manage to avoid the infinite trap of componentization?

Cameron Armstrong

@cameron

V interesting Gorgeous palette btw

Devin Elliot

@notdevin.eth

Thank you ser 🙏🏼

dylan

@dylsteck.eth

I often hit a limit where I’ve done a user flow and realize it’s gonna be too difficult to keep creating flows without testing them I can’t make so many inter connected decisions by judging them on a canvas. When I reach that limit I just say screw it, turn off Figma and start coding

Cameron Armstrong

@cameron

💜

Cameron Armstrong

@cameron

Gotcha gotcha gotcha 🫠

dylan

@dylsteck.eth

Some projects I only need a screen or two because not as much is going on but that’s not the case most of the time

Sid Gandhi

@sidg

Carrd

Kazi ⚔️

@kazi

—> pen/paper —> whiteboard / every mirror in my house —> make a sale

Cameron Armstrong

@cameron

This one?

Cameron Armstrong

@cameron

Spoken like a true BD wiz (Need proof of mirror 😬)

killjoy.eth

@killjoy

Curious what you’re referring to here?

Kazi ⚔️

@kazi

🤓 (it’s too unhinged, might scare ppl)

Cameron Armstrong

@cameron

Start making mock-ups in React Oh yea I’m definitely gonna use this box a lot, I should put it into its own component *37 recursive components later* Ah fuck

killjoy.eth

@killjoy

Ah got it! I guess I usually start with a UI framework and “componentize” based on functionality rather than design. The second pass is where I would swap out framework ui components for customized ones.

Cameron Armstrong

@cameron

That’s pretty smart actually Also stealing this 😂

Cameron Armstrong

@cameron

If you’re not unhinged you’re fringe 😩😩😩

Kazi ⚔️

@kazi

Bars

srijan 🦒

@srijan.eth

my notebook, handwritten/drawn: then move it to figma

Caitlin

@0xcaitlin

Very cool! Didn’t know that

osama

@osama

excalidraw+++

steph

@steph

if anything, i probably keep too much in my head before it makes it to any of those 3 places 😆

Cameron Armstrong

@cameron

😂😂😂 fair fair

Corbin Page

@corbin.eth

Screenshot essay => Full PRD => lots of conversations with users => whimsical for low-fi => Figma for hi-fi / or straight to simple React app with Tailwinds

Cameron Armstrong

@cameron

Yea buddyyy

Noah Bragg 🤝

@nbragg

Paper and thick marker (details don't matter). Then get it in code.

Cameron Armstrong

@cameron

Noah got them thicc prototypes

Noah Bragg 🤝

@nbragg

Actually learned this from a book called Rework. This is the small chapter that talks about it.

Cameron Armstrong

@cameron

Biggest brain move right here

Cameron Armstrong

@cameron

Convo is 🤌

Cameron Armstrong

@cameron

Simplicity as a process principle 😤

Cameron Armstrong

@cameron

It’s a weird quirk of the human brain that if it rhymes it’s true

Jordan Kutzer

@jk

Like a pure new idea? Or putting a new idea into a system/product?

Howie

@howiew

I am just a software guy and Midjourney and stable diffusion are godsend ! I plan to tune a model with Ui I like
Made with ✨ by Cameron