Figma to Code:
Selected Projects

Figma

Approved designs turned into responsive HTML/CSS sites, WordPress themes, Shopify storefronts and web apps.

to Code

Project index

Figma designs,
built and live

ProjectCategoryLive link
Aether - A Landing Page for Virtual Space Travel Web Design, UX/UI Live preview: Aether - A Landing Page for Virtual Space Travel
The Mixing Bowl - Figma to Next.js Web Application Web Application, UX/UI, Web Design Live preview: The Mixing Bowl - Figma to Next.js Web Application
Serenity - Wellness WordPress Website WordPress, Web Design Live preview: Serenity - Wellness WordPress Website
SST Law - WordPress Website Redesign WordPress, UX/UI, Web Design Live preview: SST Law - WordPress Website Redesign
Hoodienky - Streetwear Fashion Shopify Store Shopify, UX/UI, Web Design Live preview: Hoodienky - Streetwear Fashion Shopify Store
Nuuk Café - WordPress Website & Mobile App WordPress, UX/UI, Web Design Live preview: Nuuk Café - WordPress Website & Mobile App
Car Audio Limburg - WooCommerce Website WooCommerce, UX/UI, Web Design, WordPress Live preview: Car Audio Limburg - WooCommerce Website
DopeTech - Premium Electronics Shopify Store Shopify, UX/UI, Web Design Live preview: DopeTech - Premium Electronics Shopify Store

Password protected

This site asks for a password

Copy the password, open the live site, and paste it on its password page.

Password 1

Open the live site
DreamFrame - Premium Shopify Art Print Store Shopify, UX/UI, Web Design Live preview: DreamFrame - Premium Shopify Art Print Store
MoneyBruh - AI Money Management Web App Web Application, UX/UI, Web Design Live preview: MoneyBruh - AI Money Management Web App
Auxlab - Design Subscription Studio WordPress, Web Design, WooCommerce Live preview: Auxlab - Design Subscription Studio
Canvasora - Art & Poster Shop on Shopify Shopify, UX/UI, Web Design Live preview: Canvasora - Art & Poster Shop on Shopify

Password protected

This site asks for a password

Copy the password, open the live site, and paste it on its password page.

Password Canvasora1234

Open the live site
Aurevia - Timeless Fine Jewelry Online WooCommerce, Web Design, WordPress Live preview: Aurevia - Timeless Fine Jewelry Online

How I Work

  1. Understanding the
    Product Goals

    We start by getting clear on your goals, users and scope - what needs to be designed, what needs to be built, and what success looks like.

  2. Designing the
    Experience

    I design the flows and screens with modern, AI-assisted tools, so you can see and click through your product early - before any code is written.

  3. Building It
    for Real

    Once the design is approved, I build it myself - clean front-end and back-end code that matches the design, detail for detail.

  4. Launch and
    Ongoing Support

    We test, launch and keep improving. I stay available for fixes, updates and new features long after go-live.

Pricing

Flexible pricing
for every project

Full-Stack Development

Best for custom web apps, dashboards, SaaS products and complex web builds.

  • Custom web apps & dashboards
  • React / TypeScript front-end development
  • Backend, databases & APIs
  • Third-party integrations
Starting from
$1,000/ project

$20/hr for hourly work

Get a quote

WordPress Development

Best for business websites, content platforms and custom WordPress builds.

  • Custom themes or page-builder builds
  • ACF, custom post types & plugins
  • WooCommerce development
  • Performance, SEO & maintenance
Starting from
$500/ project

$20/hr for hourly work

Get a quote

E-commerce

Best for WooCommerce & Shopify stores, integrations and ongoing improvements.

  • WooCommerce & Shopify development
  • Product catalogs & checkout
  • Payments & shipping
  • Store redesigns & new features
Starting from
$800/ project

$20/hr for hourly work

Get a quote

UX/UI Design

Best for new products, redesigns and polished interfaces designed in Figma.

  • User flows & wireframes
  • Website & web app UI in Figma
  • Interactive prototypes
  • Design systems & UI kits
Starting from
$500/ project

$20/hr for hourly work

Get a quote

All projects are contracted through Upwork - fixed-price or hourly. Need ongoing support? Monthly retainers are available across all services. Ask about a retainer →

Testimonials

Happy client,
successful business.

Nahid is top notch in his communication and availability. His work ethic and work quality are very much above average. I would highly recommend Nahid without hesitation.

Joel Almanzar, @DigitalHostLLC

Great to work with. The project was completed in a timely manner and communication was fantastic throughout. Will be hiring again the future.

Daniel Smolski, @Dansmo

Nahid is a genius. He has expertise in WordPress. He also has expertise in web design. Nahid always does great work!! We always love his dedication to great results!!

Jaime Legagneur, @FlintStoneMedia

Nahid is a pleasure to work with. He is extremely reliable, readily available when I have a new project that pops up, and takes direction well.

Kate Volman, @katevolmanmedia
400+
Projects completed
for clients worldwide

FAQ

Questions aboutFigma to Code

Ready to start your project? Let’s Discuss

Turning a design made in Figma into a working website or app: hand-coded HTML and CSS, a WordPress theme, a Shopify theme or a React application that matches the design on every screen size.

Yes. I build a custom theme from the design, with fields for each section so you can edit content from the WordPress dashboard. Serenity and SST Law were built this way.

Yes, as a custom Liquid theme with sections your team can arrange in Shopify’s theme editor. Hoodienky was built this way.

Yes. Figma is the most common source today, but I also build from Adobe XD and Photoshop (PSD) files.

Yes. Every build is responsive and mobile-first, and checked at phone, tablet and desktop sizes. If the design only covers desktop, the mobile layout is agreed with you before it is built.