Design to Tailwind
Figma
Sketch
Tailwind CSS

Convert your Figma or Sketch designs to Tailwind CSS

Request a proposal
Me

Hey, I'm Jason 👋

I work with companies like Laravel, Tuple, and Clarityflow to turn their incredible designs into handcrafted, maintainable code.

I started Design to Tailwind to help companies like yours turn their Figma and Sketch designs into production-ready HTML, CSS, and JavaScript.

Handcrafted code for stellar clients

Tuple

“When we decided to launch a marketing stunt for Tuple, I asked Jason to implement the designs using Tailwind. He sent back the designs quickly, and they matched the designs beautifully!”

Ben Ben Orenstein
Co-founder and CEO at Tuple
singlestore for laravel

“Jason is a top-tier freelancer. I needed a website design converted into a responsive website. I gave him the design, and he did the work perfectly. Does it get any better than that?”

Jack Jack Ellis
Co-founder and CTO at Fathom Analytics

Featured Projects

Scroll through some of the sites I've implemented. Yes - that's a lot of Laravel sites... What can I say? I like repeat customers.

How it works

1

Request a proposal

Send me your Figma/Sketch designs and any other details you have to share about your project.

2

Get a project estimate

Usually no more than a 48-hour turnaround for estimates.

3

Sign proposal and send deposit

Nothing complicated - just clear project descriptions and payment terms.

4

We get to work

I'll share a staging URL so you can stay in the loop and sign off on the finished templates.

Ready to get started?

Submit a request and I'll send an estimate.

“Jason is a Tailwind wizard. That’s why I trust him to build all of our landing page designs at Laravel.”

Taylor Otwell
Taylor Otwell Creator of Laravel

“Jason converted my Figma mockup to a pixel-perfect site using Tailwind CSS best practices. Super fast turnaround and A+ communication throughout!”

Brian Casel
Brian Casel Founder of Clarityflow

“Working with Jason was a dream come true for a designer. Not only did he convert my design to pixel-perfect code, he was able to translate the subtle design language like animations and transitions.”

Mike McAlister
Mike McAlister Designer of clarityflow.com

Have more questions?

Here are some things folks often ask me.

How long for a typical landing page?

It depends on the complexity of the project, but most single page projects take about a week to complete once we get started.

I don't have a design yet. Who do you recommend?

If you don't have a design yet, I recommend talking to Martin and Mike . They're both excellent designers I've worked with in the past, and I highly recommend them. Tell them I sent you!

What templating languages can you build the designs with?

I can build your designs using Laravel/Blade, plain HTML, Vue, or React. If you prefer something else, let me know. I might be able to make it work!

Do you build sites using a CMS?

If you want a CMS, I like using Statamic (a rad Laravel-based CMS).

How much does it cost?

A basic landing page starts at $1,000 and goes up depending on the complexity of the project. Request a proposal and I'd be happy to give you a quote!

Will you sign a non-disclosure agreement?

Sure! I'm happy to sign a NDA if you need one. No matter what, I won't share work I do on your project without your permission.

Anything else...

Email me at jason@roasted.dev and I'll be happy to answer any other questions you have.