_-/=elusive1sTh3Byte=-\_
Explore posts from serversTTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
Thanks guys (or gals, I don't know) I'll try to summarize the suggestions here:
* The simplest approach is creating a wireframe. If it's a personal project, it'd be best to do the entire wireframe and then use that for making the mock or skip right into implementing the UI.
* Once the wireframe is done, block out the wireframe in the UI with markup. Like red lines for containers and blocks for components. Then style those components.
* The wireframe tool is excalidraw.com and the component library is https://ui.shadcn.com/
* Sometimes clients want mock ups and figma is good for that. The shadcn library provides figma designs
Anything I'm missing?
55 replies
TTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
sounds like good advice
55 replies
TTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
I know you guys are very busy and the fact you took the time to answer my question is quite generous!
55 replies
TTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
@barry It's alright! I still apprectiate the responses!
55 replies
TTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
I guess when you're wireframing then would you be specific to your task or the wireframe is the entirety of the release or app?
55 replies
TTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
That's fair
55 replies
TTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
When you're mocking or designing the components in figma or wireframing, are you building out the specific component based on the task, or are you mocking or wireframing the entirety of the app?
55 replies
TTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
And there's a figma design file associated with it?
55 replies
TTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
I wasn't aware of this shadcn/ui component library. It looks really nice!
55 replies
TTCTheo's Typesafe Cult
•Created by _-/=elusive1sTh3Byte=-\_ on 1/3/2024 in #questions
Developing a UI without a design
Thanks man! This is a well thought out solution and I will definitely use this
55 replies