# Website design. Ready to build.

> Figma agency for website design, prototypes and reusable components. Review responsive layouts before our team builds or hands over to your developers.

Source: [Figma agency for websites & design systems · South Digital](https://south.digital/figma-agency)

Figma agency

We design websites in Figma so your team can review layouts and content before we build, or hand over to your developers.

[Discuss your design](https://south.digital/get-started)

[See our work](https://south.digital/work)

## Where are you starting?

### You have a Figma file.

We check layouts and interactions before building your website.

### You need the design.

Page designs and a clear visual direction for your website.

### You need a stronger system.

Reusable components, variables and handover notes for your team.

## The details that make a design buildable.

Your developers get responsive layouts, reusable components and notes on key interactions. The file sits in your team’s Figma wherever possible, with the system documented beside the pages.

1.  01

    ### Responsive layouts

    Desktop and mobile decisions, with the important states considered.

2.  02

    ### Components and variables

    Reusable elements, named layers and one set of design values.

3.  03

    ### Interaction intent

    Navigation, forms and key flows made clear before development.

4.  04

    ### Choose who builds it

    Build with our team, or take the design to your developers.

Article template designed in Figma

## The King’s School

We designed the school’s article template in Figma, reviewed it with the team, then built it in Webflow.

[View project: The King’s School](https://south.digital/work/the-kings-school)

![The King’s School article template](https://south.digital/images/work/screens/the-kings-school-article.avif)

## Before we open the file.

### Can you build our existing Figma designs?

Yes. We check your file for missing layouts and interactions, then agree the work before starting.

### What does the handover include?

Named layers, variables, components and their variants, responsive layouts and interaction guidance. Code tokens can be included for your developers.

### Can you build it in Webflow or Framer?

Yes. For The King’s School’s article template, we reviewed the direction in Figma before building it in Webflow. We recommend the platform from the project and your team’s editing needs. Custom development is also an option.

[Explore Webflow builds](https://south.digital/webflow-agency)

### What does it cost?

Design as part of a website build sits within our published ranges: Focused US$8k–16k, Growth US$16k–40k and Custom from US$40k. Design on its own is quoted in writing once we have reviewed the file and the scope.

[Explore pricing](https://south.digital/pricing)

### Do you design apps or dashboards?

We focus on marketing websites, including pages that explain and promote a product. We don’t design apps or dashboards.

## Tell us where you’re starting.

[Complete the enquiry form on the website](https://south.digital/figma-agency)

Zac or Ellie will read your enquiry and reply by email within one working day.

We’ll use your details to respond. [Privacy policy](https://south.digital/privacy-policy)

![Re-Volt website](https://south.digital/images/work/screens/re-volt.avif)

[Re-Volt](https://south.digital/work/re-volt)

Webflow · Website design · Development