The Animation and Prototyping Tool for UI/UX Designers

Joined February 2018
277 Photos and videos
Pinned Tweet
18 Jul 2025
we built a design tool that feels like Figma but ships real code no-code canvas → AI prompts → actual production code still testing. who wants in?
6
3
16
2,545
24 Jul 2025
Designer made a prototype of a component with mock data, and now we want to actually use it with real data in our app without rebuilding the entire component. Export the code and add it directly to the project, and all we have to do is link up the real data. Easy ✨
2
1
5
1,187
22 Jul 2025
Dropping our new Deploy feature 🚀 Design → Deploy → Share 🔄 The new workflow that's changing how designers collaborate. No code knowledge required, just pure creative flow. Transform your static designs into live, shareable experiences instantly ✨
3
1,246
18 Jul 2025
we built a design tool that feels like Figma but ships real code no-code canvas → AI prompts → actual production code still testing. who wants in?
6
3
16
2,545
4 Jul 2025
GIF exports just got cleaner ✨ No more blurry edges or weird artifacts—just crisp, ready-to-share GIFs every time. Fixed and live now in Phase.
596
27 Jun 2025
Figma designs deserve better than static mockups. Import into Phase using our plugin, add interactions and animations, and instantly elevate your website 🚀 #figma #animation #webdesign #uiux #prototyping #website #interaction #interactiondesign
1
1
5
585
27 Jun 2025
💡Instant spacing measurements just landed in Phase ✨ No more guessing or tedious alignment, here’s how it works: → Select your first object → Hold Option/Alt → Hover over your target object → Instantly see precise pixel distances Early feedback: Designers say they’re making spacing decisions up to 60% faster. What spacing challenges slow down your workflow?👇 #Phase #UIDesign #UXDesign #Prototyping #DesignTools #DesignWorkflow #Figma #Productivity
1
1
3
483
25 Jun 2025
Most medication apps feel like spreadsheets, so @angrypillo flipped the script. They used Phase to transform daily reminders into playful, delightful moments. No coding, just clean animations. Which interaction in your app would you animate first if it were this easy? #Phase #UIDesign #UXDesign #NoCode #AppDesign #Animation
1
1
1
513
25 Jun 2025
1
269
24 Jun 2025
Using Phase for animations? 👾 Just select “Load” as your trigger, pick “Screen,” animate your keyframes, and export. No coding, still easy. #animation #uiuxdesign #ProductDesign #NoCode #Design
2
276
23 Jun 2025
POV: You’re trying to pet a cat that’s not in the mood 🐱✨ #Phase #UIDesign #UXDesign #Prototyping #InteractionDesign #NoCode #DesignTools #Animation #Cat #Relatable
1
2
399
Phase retweeted
Designers & product teams, if you're still struggling with high-fidelity prototyping, meet your new best friend: @phasecommunity A modern, no-code UI editor built to design real experiences, not just mockups. 🔥 🔥 👇 Here’s what’s new in the latest update:
4
11
27
1,985
20 Jun 2025
Glass effects are having a moment. Everywhere you look: frosted overlays, blurred backgrounds, translucent panels. This trend isn't going anywhere. What do you think - overused or perfectly modern? P.S. Created this Prototype in Phase under 5 minutes
1
1
3
285
20 Jun 2025
This is what good website interactions look like. Smooth hovers, intentional animations, transitions that actually guide users. Built in Phase with layered micro-interactions details matter ✨
1
259
19 Jun 2025
From static Figma components → interactive prototypes in 4 steps no coding. no guesswork. just works.
1
1
2
273
19 Jun 2025
1. Export with Phase plugin 2. Add Actions (hover/click/load)
1
1
214
19 Jun 2025
3. Test in Prototype Mode 4. Share the Prototype link
187
Phase retweeted
17 Jun 2025
Instead of designing each state in Figma, you can now design interactions much more easily! Here's how!
3
5
29
1,833
18 Jun 2025
🔥 Phase just dropped this - No Code Prototyping Feature! Moving beyond animation into micro-interactions, advanced prototyping, and our first code export feature. All in a designer-friendly, no-code canvas. The founder of Phase, Nick, shares what's new and our vision for the future of design. Try Phase Now! 👉 phase.com/ #Phase #ProductUpdate #NoCode #Figma #CodeExport #DesignTools
2
3
5
286
18 Jun 2025
early code export is live. not perfect yet, but it's real production code you can use. what's coming: responsive layouts, components, and AI prompting right in the canvas. full walkthrough: youtu.be/aJ4mnLRoAJE
2
256