Converting Figma design into website UI by Rafay JamalConverting Figma design into website UI by Rafay Jamal

Converting Figma design into website UI

Rafay Jamal

Rafay Jamal

Fullstack Engineer

Web Developer

UI Designer

Figma

Figma

Next.js

Next.js

Tailwind CSS

Tailwind CSS

I had to convert a provided Figma design into a responsive web UI with working forms and interactive buttons. All done using Tailwind CSS for styling on NextJs. The website is well-optimized for SEO performance with best practices followed as per Google algorithm update.

Figma Design

Figma Design

Live Website

Live Website

Live website can be seen on https://bestessaywriter.co.uk/

Like this project

Posted Feb 12, 2025

I had to convert a provided Figma design into a responsive web UI with working forms and interactive buttons. All done using Tailwind CSS for styling on NextJs.

Likes

0

Views

10

Tags

Fullstack Engineer

Web Developer

UI Designer

Figma

Figma

Next.js

Next.js

Tailwind CSS

Tailwind CSS

Featured on

Best Next.js freelancers to hire in Sindh 2026 Best Tailwind CSS freelancers to hire in Sindh 2026

Rafay Jamal

Rafay Jamal

Frontend, Backend or Middleware, I get it done.

Real-time Chat Application with Stripe Api Integration

Real-time Chat Application with Stripe Api Integration

NextJs Website equipped with Framer Motion

NextJs Website equipped with Framer Motion

Role-Based Authentication system using NextAuth

Role-Based Authentication system using NextAuth

Join 50k+ companies and 1M+ independents

For independents

Contra Pro Manage freelance projects Get verified as an expert Find jobs Get discovered Sign contracts Send invoices Commission-free payments

For companies

For companies Manage team projects Share hiring workspace Post jobs Discover contractors Sign contracts Approve invoices Global payments & tax compliance

Use Cases

For companies For freelancers For creator tools For agencies For VCs

Resources

Partner networks Advertising Hackathons Creative Human Data Human Creativity Benchmark Human in the loop API Project-based hiring calculator Guide to flexible hiring Guide for agencies Creator tools awards Customer stories Blog FAQs for freelancers FAQs for companies Referrals

Hire Freelancers

Explore all Top independents Design Engineering Marketing Music & audio Social media Video & animation Product Business consulting & HR Other

Company

Mission Careers Terms & conditions Privacy policy Cookie policy

Contact

Contact support

For independents

Contra Pro Manage freelance projects Get verified as an expert Find jobs Get discovered Sign contracts Send invoices Commission-free payments

For companies

For companies Manage team projects Share hiring workspace Post jobs Discover contractors Sign contracts Approve invoices Global payments & tax compliance

Use Cases

For companies For freelancers For creator tools For agencies For VCs

Resources

Partner networks Advertising Hackathons Creative Human Data Human Creativity Benchmark Human in the loop API Project-based hiring calculator Guide to flexible hiring Guide for agencies Creator tools awards Customer stories Blog FAQs for freelancers FAQs for companies Referrals

Hire Freelancers

Explore all Top independents Design Engineering Marketing Music & audio Social media Video & animation Product Business consulting & HR Other

Contact

Contact support

Company

Mission Careers Terms & conditions Privacy policy Cookie policy

© 2025 Contra.Work Inc