Takween Design system

Get the most out

Atomic design

Entire Library is crafted with the atomic
design philosophy.

Pixel perfect

Every element was checked to match
highest design standards.

4pt Grid

All elements use soft grid for better UI
rhythm and harmony.

Global Styles

Every UI Component is build with Global
Styles. Superfast customization.

Responsive design

Hundreds of components adapting size
to the content with auto layout.

Clear Documentation

Automatic documentation for consistent
use & easy team comms

Design better and faster

You're tired of wasting time redoing the same
components for each new project? We have everything
you need in a single file to build modern and simple interfaces.

Meticulously crafted UI components

Hover and click interactions for fast prototyping

+500 components to build interfaces of any complexity.

Auto Layout 4.0 components

Customize as you grow

Adapt the style to your needs. Edit the font, colors or
any stylised element in one place, changes will apply
everywhere.

Smart, extensive, and scalable typography system

Incredibly smart avatar image styles already set up

Useful shadow and blur effect styles

Practical and accessible color system

What People Say

Trusted Recommendations.

Abo soliman is a very talented, hardworking and dedicated UX/UI designer. He works closely with me to translate my vision into prototype in no time. He understand well and ask the right questions. Always punctual and clear. Looking forward to deliver more projects.

Entrepreneur & Digital Product Architect

Mohamed was the product designer in most of the QoL portfolio products that I worked on as a researcher. He is one of the best designers I worked with & displayed mentorship skills as well in sharing knowledge and skills with the junior designers colleagues as well. He is an added value to any product team👍🏻

One of the best teammate who can handle and solve most complicated UX problems and challenges, he is fast learner and open to changes, one of the best designer who care about organize design files and always follow guides and rules of good design systems.

Mohamed, is a very focused and dedicated UXer, he has a very good eye for colors and design compositions, along with his very good communication skills and very supportive attitude.

Mohamed is a very talented product designer, I have worked with him on the same program and he brings very creative ideas, consistency and valuable outputs.

Highly recommended. He is well known for his ability to provide interactive design solutions and for being an expert in UX design.

Mohamed was a great professional to work with. We worked together at TruDoc24x7 and he is truly one of the most amazing and talented designers I ever worked with.His work ethics is immaculate and so easy to work together with. He goes out of his way when you ask for some help and guidance.Thanks a lot, Mohamed! You made the transition relatively smooth for me and was very helpful.

During a short time I have recognized how outstanding is Mohamed in having good behavior, good technical background, being a key player, being eager to help other team mates. I believe he has the appropriate qualifications to lead a successful team to deliver their product design in the best qualitative state. In addition, he is eager to learn and to cooperate with other team mates to reach customer satisfaction.

Mohamed is one of the most dedicated designers who i have worked with. He is a talented designer. He tailored the business to be usable and easy for the users. Beside that he is a team player who helped to make a success project.It is always pleasure to work with Mohamed and he is a great asset in any team he join.

Mohamed is incredibly a great designer & one of the most helpful, passion and creative people I worked with. We work together to design UX/UI of Yoma mobile app, within a very small time-frame Mohamed was able to understand the idea, suggest awesome user stories and create a beautiful UI that everyone loved it in the development team. Mohamed will be always one of top choices for me as Digital Product Designer.

One of the most brilliant designers you will ever work with, whether on creative side or the analytical side

I recommend Mohamed as a product designer who excels in swift execution and quick learning. He has a remarkable ability to grasp new concepts rapidly, allowing him to deliver results quickly and efficiently. Moreover, he demonstrates a solid commitment to continuous improvement and skill development. With his exceptional learning agility, Mohamed becomes an inspiring asset to any team. I wholeheartedly recommend him for any design-related role.

hands down one of the best talents I worked with.

Recommendations

Make it your design

Design in minutes

Customize Styles

Customizing color & typography styles takes just a few minutes and immediately makes the elements feel like your project brand.

Add Your Content

Replace placeholder text & images with your project's content. See how automatically UI adapts to your changes in real-time.

Publishing the library

All of the main components and styles in this document will then become available to use in other documents.

Why Takween Design system?

A practical design system for real-world products
and websites

The best Figma practices

Use all top-notch Figma features like properties, variants & auto layout natively.

Superfast customization

Goal of Design system is to be starter kit for all kinds of projects. You adjust it within minutes!

Battle tested

component structure & philosophy were Built, tested, and used in multiple designs.

Framework independent

It's about your imagination not technology. Use it for mobile, web & desktop projects.

Figma Version native

100% optimized for Figma workflow

Sketch Version native

100% optimized for Figma workflow

Smart and easy-to-use

Design fast. Design consistently.

Components

Components are built with variants & component properties for easy use and customization.

Color Styles

Smart color styles with synchronized hues allow you to customize your color theme with a single value.

Text styles

Well-balanced text layers applied across all designs can be updated with a single edit.

Components are built with variants & component properties for easy use and customization.

Smart color styles with synchronized hues allow you to customize your color theme with a single value.

Well-balanced text layers applied across all designs can be updated with a single edit.

pricing

Ready to start?

Free version

$0 /per year

For personal use only.

Try our free version of the design system, with basic styles and components.

Single user license
+1K Components + variants
150+ global styles

PRO version

$88 /per year

Use on unlimited projects

A single license for solo designers, developers, and freelancers.

Component properties
Interactive components
Single user license
10k+ components + variants
500+ global styles

Lite version

$44 /per year

lighter and faster

lightweight version of the full

Component properties
Interactive components
5k+ components + variants
300+ global styles

Frequently asked questions

Need help with something?

Why do I need this Design System?

A good Design System saves you time and money usually spent on meticulously building the same components over and over again.

Does this include the new Figma features?

yes, it's includes Figma's redesigned Auto Layout 4.0, component properties, individual strokes, and many other new features.

Can I use it for commercial projects?

Of course! We'd love to see it. You can use this UI kit to build any type of commercial business, website, app, or project. You can also use it to create unlimited designs for clients and charge them for your services.

Can I use it for multiple projects?

Absolutely! You can use it for as many projects as you like.

Is there a free version available?

Yes, we have a free version available for you to try out!

Products Made with love

Products to help businesses grow.