Unlock Educational Clarity with Structured Learning Materials

Unlock Educational Clarity with Structured Learning MaterialsUnlock Educational Clarity with Structured Learning Materials

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Hide JP

• May 10

A minimal visual expressing how structured learning materials bring clarity and ease to education. Designed to communicate educational value in a universally accessible way.

Teaching Instructional Design Writing Canva Google Docs Microsoft Word

Nabil Amara

• Jun 18

To celebrate this year's @Figma 2026 Config and as part of the first #ConfigMakeathon I have built Figma's ABC.

Learn the Figmalphabet, the immersive and playful way. As a teacher, I always show my students the same basic features, so I built a way to learn Figma little by little. A to Z, every letter a feature.

Handcrafted content, real resources, tips, and hands-on interactions, all in one place.

Built entirely in Figma.

Music is Prelude in C Major by Johann Sebastian Bach, played and rearranged by me.

Live project: figmabc.figma.site Community file: https://www.figma.com/community/file/1649047346189519721/figmas-abc

LinkedIn: https://www.linkedin.com/posts/nabil-amara-26b61913b_configmakeathon-activity-7473500594373181440-EsqL Instagram: https://www.instagram.com/reel/DZvntHHJeoe/ X: https://x.com/NabilJAmara/status/2067737819666104359?s=20 I also made a pin for every letter. Come grab yours in San Francisco.

Happy Config and see you there!

configmakeathon Figma

Kolawole Mordecai

• Jun 21

This is nice work 👍 👍 👏 👏 👏

Alexia Kai

• Jun 18

I built a tool to help people learn to draw. It's called ✨Deconstruct✨ https://deconstruct.figma.site/

Built it in FigmaMake

Learning to draw is mostly about training your eye. Knowing what to look for before you even pick up a pencil. But that part is hard

Deconstruct breaks down any reference — face, body, hand — into its basic construction. The shapes that hold everything together.

And if you want to go further, there's a camera mode. Set your phone above your paper and trace directly. The structure comes to you.

Nothing fancy. Just the foundations, made visible. ❤️

Made for the @contra x Figma Makeathon #FigmaMakeathon

Try it yourself!

UI Design Figma Make configmakeathon Figma

Nigar Naghdaliyeva

pro

• Jun 18

I need this! 😍

BL/S ®

• Jun 19

A clean, responsive website for a tech brand — minimal UI, crisp typography, subtle animations, and intuitive navigation built to convert.

Main text: Blend needed a website that felt as sharp as the product behind it.

The design direction is clean and intentional — minimal layout, bold typography, and subtle animations that add life without distraction. Every section was built to guide the user naturally from first impression to action, with a responsive structure that performs across all devices.

Crisp, smooth, and built for a brand that wants to stand out without shouting.