Figma to Drupal.
Design with Figma, launch in Drupal. Days, not weeks.
The cost, time and pain of translating design to build is often very high. Designs get missed, misinterpreted and take a long time to translate into code. Many bugs arise, which take time to resolve...and end up breaking the bank.
Innovative technology
Figma with Drupal.
Figma design system
A true design system based on atomic design principles, comprising of a set of standards, reusable components and patterns.
Component library
A component library that connects design with code. Components are mirrored (and centralised) to remove ambiguity, reduce bugs, ensure consistency and deliver rapid, quality builds.
Open source software
Fully open source so communities can adopt, adapt or customise as they see fit. Co-create with communities and build on the foundation and make it even greater.
Drupal 10 CMS
Prebuilt Drupal 10 theme components, 100% in-sync with the Figma design system to enable rapid, quality site assembly in the latest version of Drupal.
Like-for-like
ENJOY A
100%
PIXEL DESIGN
GUARANTEE
Design
Drupal 10
Speed
Did we say fast? We’ve prebuilt our Figma visual design components in Drupal to allow us to deliver your website at ridiculous speeds. Deploy fast, load fast and test fast. This gives a headstart to all content, development and research teams, reducing your design-build-test-deploy project lifecycle.
Low code
Cost
Proof
Why
CivicTheme
Open source
Fully open source so communities can adopt, adapt or customise.
Atomic design system
Based on atomic design principles, made up of a set of standards, reusable components and patterns.
Inclusive & accessible
Built and assessed to comply with WCAG accessibility standards 2.1 AA out-of-the-box.
Government grade
Based on, and inspired by, the former Australian Government Design System.
Aligned to digital policies
Built to comply with policies of leading digital nations.
Project-led. User-led.
Informed from real projects that deliver information and services for real users.
Component library
Connects code to design to remove ambiguity and bugs and deliver rapid builds.
Responsive for desktop & mobile
Great appreciation for gestures, swiping and reachability.
How
1. We'll onboard you
2. Make a copy of our Figma Drupal-ready file
4. Drupal site page assembly
3. Mock up your page designs
5. Feedback and revisions
Other services
Figma UX/UI design
Professional UI/UX design services using Figma to create high-quality, visually appealing designs.
Full WCAG compliance accessibility review
Expert accessibility reviews to ensure your website meets WCAG compliance standards for inclusivity.
Drupal custom component theming
Drupal theming services to create custom components that meet your website's specific needs.
Custom Figma design systems
Bespoke Figma design systems for unique product branding and identity.
Figma custom component design
Figma design services to create custom components that meet your needs.
User research and testing
Expert user research and testing services to validate, refine and ensure user-centered design.
Resources
Feel free to give it a crack and engage with the CivicTheme open source community for free.
Figma Drupal 10 Design System - CivicTheme
Storybook
Drupal 10 theme code repo
CivicTheme documentation
WCAG: Accessibility compliance documentation
AUDS: Design compliance documentation
Spin up a demo site instantly
Pricing
1+ page(s)
$500
$335
/page
- Min pages 1
- Min spend $500
3+ pages
$400
$265
/page
- Min pages 3
- Min spend $1,200
5+ pages
$300
$200
/page
- Min pages 5
- Min spend $1,500
1+ page(s)
$800
$535
/page
- Min pages 1
- Min spend $800
3+ pages
$700
$465
/page
- Min pages 3
- Min spend $2,100
5+ pages
$600
$400
/page
- Min pages 5
- Min spend $3,000
Reach out to explore your options
Inclusions
Figma design system check
WCAG colour contrast check
Drupal web page build
Pixel match QA
1 round of revisions
1-month sandbox hosting
FAQs
Book a time to chat with us and a member of our team will get back to you as soon as they can.
- Can we design anything we want?
- Can you convert our custom Figma file into Drupal?
- Can we host it on our hosting platform?
Yes, but it will cost you more. Quote on application.
Get in touch
Reach out and tell us what you want to do, and we’ll explore how we can help.
About us
Official service provider
Official service provider of 4 major government programs across Australia.
Drupal contributor
Top 10 international ranking in 2022 for Drupal contribution.
Design system custodians
Custodians of the open source, inclusive design system CivicTheme.
Supporting 400 websites
Responsible for supporting over 400 Drupal websites across Australian Government.
Values-driven culture
Accountability, transparency and authenticity are 3 examples of Salsa’s 8 key values.
Digital innovation company
Salsa is a digital innovation company with a pioneering spirit.