Browse categories
Explore
Fiverr Pro
English
$
USD
I will build a scalable figma design system with variable tokens and component in 24hrs
Amelia Butler
About this gig
Messy Figma file? Developers asking where the button styles are? I build a clear, scalable Figma design system with variables, tokens and components your team can reuse.
What I build:
- Color, text, spacing, radius and effect styles
- Figma variables and design tokens, with light and dark mode if you need it
- Components with auto layout and variants: buttons, inputs, cards, navigation, modals and more
- Clear naming and page structure so developers can inspect and hand off easily
- A documentation page listing every variable and when to use each component
Works for SaaS products, mobile apps and websites. I can start from your existing screens or from scratch with your brand colors and fonts.
How it works:
- You share your Figma file or brand basics
- I confirm the components and tokens you need
- I build and send a progress link
- We refine, then I deliver the final file
I can also clean up and organize an existing file before building. Message me with your product, platform and the components you need most, and I will recommend the right package.
Not included: front-end code or token export tooling, unless we agree on it in a custom offer.
Delivery style preference
Please inform the freelancer of any preferences or concerns regarding the use of AI tools in the completion and/or delivery of your order.
Respect third-party rights
Please be aware that it is against Fiverr's policies for sellers to include themes, templates, or any other elements that infringe third-party rights or applicable laws in the delivered work. Read more about in our Guide to Responsible Digital Creation.
Get to know Amelia Butler
Amelia Butler
Brand designer turning Figma designs into fast, responsive Framer websites
- FromUnited States
- Member sinceJun 2026
- Avg. response time3 hours
Languages
English, Spanish, German, French, Dutch, Italian
Hi, I’m Amelia Butler, an experienced brand designer and Figma expert who turns designs into websites that work.
I build responsive Framer sites from Figma files, customize and fix Framer templates, create Figma design systems with variables and components, and add smooth Framer animations. My brand design background, including packaging labels and mockups, means every detail is built with care. I share a clear plan before I start, send preview links as I go, and keep you updated until you are happy.
Not sure which gig fits? Message me with your project and I’ll recommend the best option.
FAQ
What is the difference between a UI kit and a design system?
A UI kit is a set of ready-made screens and components. A design system adds variables and tokens, naming rules and documentation, so your team can scale it and developers can follow it.
Do you use Figma variables or Tokens Studio?
I build with native Figma variables. If you need Tokens Studio or JSON token export, message me first so we can confirm it and agree a custom offer.
Will my developers be able to use this without back-and-forth?
That is the goal. I use clear naming and add a documentation page that lists every variable, because Dev Mode shows variables only for the layer you select.
Can you clean up or audit my existing Figma file?
Yes. I can organize layers, rebuild components and align styles in your current file. Send it before ordering and I will recommend a package.
I do not have brand guidelines. Can you still do this?
Yes. Share your logo or a few screens and I will propose a color, type and spacing foundation for you to approve before I build the rest.
