Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,153,421 members, 7,819,516 topics. Date: Monday, 06 May 2024 at 05:28 PM

Sharing Some Of The Figma Design Inspirations I've Used - Programming - Nairaland

Nairaland Forum / Science/Technology / Programming / Sharing Some Of The Figma Design Inspirations I've Used (819 Views)

As A Front End Developer Can You Do Work Without Figma Design / Figma Guys My New Enemies / Learn Figma – UI/UX Design Essential Training Course (2) (3) (4)

(1) (Reply) (Go Down)

Sharing Some Of The Figma Design Inspirations I've Used by niel63(m): 5:35pm On May 11, 2023
Sometimes I consider UI Designers as some of the trickiest people in the design and development ecosystem. These guys can be very mean with their ideas... I mean, they just go ahead and put these things into perspective without minding the developer's prowess. Well, I guess that is why companies carefully select their team.

I was to create a simple interior design website from scratch with a minimal budget. And me, I like doing things wey pass me sometimes... Instead make I kukuma go use WordPress with elementor jejely... No, I no dey gree hear word grin. I went on to use Vue/Nuxtjs.

The funny thing is, I have never worked on any project using Nuxt. So, I went on with Nuxt3 anyways just to see what I can achieve with it. (This is why I opened a thread earlier talking about project-based learning)

So I went on with Nuxt3 and with the documentation open on one tab, I decided to make the process easier for myself by using tailwind classes. I could have written out my own css classes to achieve same, using pure CSS or Sass sha!

Nuxt3 is quite simple I have to say... with the options to use either their composite or option API, I feel more comfortable using the composite API... na so I enter dev mode o! And na so I achieve this here: https://perfectfitinteriors.com

And the figma design I tweaked to my taste is: https://www.figma.com/proto/Ns26ZMGNvBEiEiYTPYa6ZO/Interior-Design-Webflow-Website-Template-(Community)?node-id=1-458

Anyways, as we all know, what makes your website dynamic is your content.
How I handled that was simple. I used sanity headless cms... who puts out static content these days anyway?

Basically, that's a jamstack website and whatever I learned will never leave my head. That's why I always encourage project-based learning.

doing backend stuffs is quite fun but these days, I just see it as re-inventing the wheels if you're just building a basic website. use wordpress for your content if you can't handle other headless cms's and employ the power of the almighty Graqhql. You will be alright.
Except you're building out software for scale... no go dey do pass yourself.

Sometimes I'd build out an API using Nest or Express and sometimes I do that with Laravel. My own be say, na as body sweet me and based on the particular project I am working on. However, moving forward, I am delving more into building out my API's using GoLang.


Anyway, I just dey bored and I say make i drop one for una. wink cheesy

Modified: Take note of the figma link. Ensure the node-id bla bla bla is selected also, otherwise you won't see the flow/pages

1 Like 1 Share

Re: Sharing Some Of The Figma Design Inspirations I've Used by niel63(m): 5:47pm On May 11, 2023
The mobile app is a dribbble design.

https://dribbble.com/shots/15282794-Food-Delivery-App/attachments/7036232?mode=media

What I used in developing the app itself is react native expo and styled component. The app screen I have is just what you see... other screens are developed with just that Idea and it's coming out well. It will be on codecanyon soon.

I think I might use Flutter for the next mobile app I am going to work on. grin My friend would say... Dey Play!!!

2 Likes

Re: Sharing Some Of The Figma Design Inspirations I've Used by Lampert505(m): 1:44pm On Jun 10, 2023
Nah! this is mad.

impressive. how can i reach out to you bro? its been really hard for me getting Gigs or jobs


niel63:
Sometimes I consider UI Designers as some of the trickiest people in the design and development ecosystem. These guys can be very mean with their ideas... I mean, they just go ahead and put these things into perspective without minding the developer's prowess. Well, I guess that is why companies carefully select their team.

I was to create a simple interior design website from scratch with a minimal budget. And me, I like doing things wey pass me sometimes... Instead make I kukuma go use WordPress with elementor jejely... No, I no dey gree hear word grin. I went on to use Vue/Nuxtjs.

The funny thing is, I have never worked on any project using Nuxt. So, I went on with Nuxt3 anyways just to see what I can achieve with it. (This is why I opened a thread earlier talking about project-based learning)

So I went on with Nuxt3 and with the documentation open on one tab, I decided to make the process easier for myself by using tailwind classes. I could have written out my own css classes to achieve same, using pure CSS or Sass sha!

Nuxt3 is quite simple I have to say... with the options to use either their composite or option API, I feel more comfortable using the composite API... na so I enter dev mode o! And na so I achieve this here: https://perfectfitinteriors.com

And the figma design I tweaked to my taste is: https://www.figma.com/proto/Ns26ZMGNvBEiEiYTPYa6ZO/Interior-Design-Webflow-Website-Template-(Community)?node-id=1-458

Anyways, as we all know, what makes your website dynamic is your content.
How I handled that was simple. I used sanity headless cms... who puts out static content these days anyway?

Basically, that's a jamstack website and whatever I learned will never leave my head. That's why I always encourage project-based learning.

doing backend stuffs is quite fun but these days, I just see it as re-inventing the wheels if you're just building a basic website. use wordpress for your content if you can't handle other headless cms's and employ the power of the almighty Graqhql. You will be alright.
Except you're building out software for scale... no go dey do pass yourself.

Sometimes I'd build out an API using Nest or Express and sometimes I do that with Laravel. My own be say, na as body sweet me and based on the particular project I am working on. However, moving forward, I am delving more into building out my API's using GoLang.


Anyway, I just dey bored and I say make i drop one for una. wink cheesy

Modified: Take note of the figma link. Ensure the node-id bla bla bla is selected also, otherwise you won't see the flow/pages

1 Like

Re: Sharing Some Of The Figma Design Inspirations I've Used by airsaylongcome: 2:19pm On Jun 10, 2023
niel63, what backend does this consume? Is there a demand for these Food delivery apps? Is this something you can make to work with https://github.com/tastyigniter/TastyIgniter

API documentation
https://api-docs.tastyigniter.com/v3.5.0/index.html

1 Like

Re: Sharing Some Of The Figma Design Inspirations I've Used by niel63(m): 8:46pm On Jun 10, 2023
airsaylongcome:
niel63, what backend does this consume? Is there a demand for these Food delivery apps? Is this something you can make to work with https://github.com/tastyigniter/TastyIgniter

API documentation
https://api-docs.tastyigniter.com/v3.5.0/index.html

I was hoping to create the backend from scratch using graphql with prima on postgres or sanity Headless... but this one looks good. I can tweak it for my use. It looks packed with outta the box solution. I don fork the repo.
Re: Sharing Some Of The Figma Design Inspirations I've Used by niel63(m): 8:51pm On Jun 10, 2023
Lampert505:
Nah! this is mad.

impressive. how can i reach out to you bro? its been really hard for me getting Gigs or jobs



Jobs now get as e be. What I am doing right now is hunting for replit bounties.
Just stay on top of the market demands and a simple bounty can turn to a full time employment or contract placements.
Re: Sharing Some Of The Figma Design Inspirations I've Used by Deicide: 11:03am On Aug 09, 2023
How would you achieve that slide to reveal delete button?

(1) (Reply)

Firefox 3 Official Launch. / Most Compelling Conference For Developer Summit Marketplace In India / Its Wonderful How Php Keeps Evolving

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 35
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.