close
Refcat

من الموجز إلى تدفق حقيقي، داخل أداتك.

لمصممي المنتجات والمطورين الذين يبنون باستخدام وكلاء الذكاء الاصطناعي. صِف ما تصممه، واعثر على تدفقات حقيقية من منتجات منشورة، وانقلها إلى Figma أو Chrome أو إلى Claude Code و Cursor عبر MCP. تحتفظ كل شاشة بمصدرها.

ابدأ مجانًا · لا حاجة إلى بطاقة ائتمان · التدفقات المُصدَّرة إلى Figma هذا الأسبوع: 24 · التطبيقات المضافة هذا الشهر: 467 ألف
مكتبة مراجع الواجهات من Refcat
YOUR STARTING POINT

Not sure where to start? Pick what you're designing.

Start with one task. Find a real flow, compare its steps and save a reference for your project.

  1. 1Open a flow that matches your task
  2. 2Compare the steps, not just the look
  3. 3Save the useful reference to a folder
Find my first reference

Start on Free. No credit card required.

TumblrWithings Health MateNibbleHow We FeelWealthsimpleCulture TripHopperParamount+SlowlyMonzomonday.comOpenTableWolt DeliverySkyscannerCleoHouzzMessengerJumpropeRaribleSnapchatTaskRabbitInsight TimerRetroGooglePerplexityDropboxMeta QuestZillowStravaYouTube StudioEndelClubhouseThe Wall Street JournalFabulousTimeTreeBleacher ReportadidasGrubhubMacroFactorTrelloShopArtifactKitchen StoriesGrouponInstagramBeat PassengerNYT CookingfoodpandaTastyTinderOpendoorZoomLifesumGoogle ChromeBuzzFeedFeeldSonosNeo FinancialLimeAlan MindClassPassYahoo FinanceLystUber EatsNeverthinkFiverrTargetStarbucksDeezerGOATSubstackGoogle NewsSwiggyUnder ArmourYouTube MusicBeReal.GoDaddy StudioZocdocSmartThingsAirtaskerPeerspaceMarriott BonvoyDuolingoAmazon ShoppingWealthsimple InvestTradingViewCitizenHQ TriviaTubiBehanceShazamFitbitCourseraScootAffirmBest BuyLemon8ThumbtackZARACornershop
كيف يعمل

أعطِ وكيل التصميم موجزًا. واحصل على توجّه مبني على أدلة خلال ثوانٍ.

من الإعداد الأولي إلى الدفع، يجد Refcat أنماط المنتجات الحقيقية التي تسهّل قرار التصميم التالي.
شاشة حقيقية من تطبيق Uber ضمن مسار الإعداد الأولي
الميزات

وكيل تصميم مبني للعمل الحقيقي على المنتجات

أعطِ الوكيل موجزًا، وتفقّد الأنماط الحقيقية وراء توجّهه، ثم انقل العمل إلى Figma أو بيئة التطوير المفضلة لديك.
التصدير إلى FIGMA

خذ توجّه الوكيل المبني على أدلة وانقل مسارات كاملة إلى Figma فورًا.

مسار تطبيق حقيقي مُصدَّر من Refcat إلى إطارات Figma
مجلداتك

أبقِ الأنماط التي يجدها وكيلك منظّمة وجاهزة للمشاركة مع فريقك.

مجلدات Refcat تنظّم الشاشات والمسارات المحفوظة
عوامل التصفية

نقطة توقف أو تطبيق أو مسار. امنح وكيلك سياق التصميم المناسب.

تصفية الكتالوج حسب المنصة والتطبيق والمسار
من صورة إلى كود

حوّل لقطة شاشة لتطبيق حقيقي إلى كود بسياق بصري موثوق.

لقطة شاشة لتطبيق حقيقي بجانب الكود المُولَّد منها
الملاحظات

دوّن القرارات والسياق إلى جانب توجّه الوكيل.

ملاحظات مرفقة بشاشات مرجعية من Airbnb
التكامل مع CLAUDE CODE

امنح Claude سياق المنتج الحقيقي وراء توجّه وكيلك.

Claude Code يستخدم مراجع Refcat عبر MCP
حالة المكتبة

منتجات حقيقية منشورة في مكتبة واحدة

الشاشات
3.4 مليون
التدفقات
1.1 مليون
التطبيقات والمواقع والعلامات التجارية
468 ألف

تصفح المكتبة ·

داخل أدواتك

شاشات حقيقية في سياق وكيلك.

يولّد Claude Code وCursor وClaude Desktop الواجهات من الذاكرة. أما عبر MCP، فيضع Refcat أمامها شاشات من منتجات منشورة فعلًا، ولكل شاشة مصدرها.

جلسة نموذجية
refcat mcp
أنت

أحضر لي ثلاثة جدران دفع حقيقية تُبرز الخطة السنوية، وأضفها إلى مشروع «Pricing v2».

refcat

search_screens "جدار دفع، الخطة السنوية أولًا"

└ 3 نتائج · لكل منها التطبيق والمنصة والمسار وتاريخ الالتقاط

refcat

get_screen ×3 → add_screen ×3 → مشروع "Pricing v2"

الوكيل

تم. أصبحت ثلاثة جدران دفع منشورة في مشروعك مع مصادرها. لم يُختلق أي شيء.

أنت
  • 23 أداة ومفتاح واحد

    تمنح get_screen الوكيلَ الشاشة نفسها: الصورة وبنية التخطيط. وتتولى search_screens وget_app_flows وget_email_html وexport_design_system الباقي. أنشئ مفتاحًا في حسابك والصق كتلة JSON واحدة في عميلك.

  • لكل شاشة مصدر

    يرافق كلَّ نتيجة اسمُ التطبيق والمنصة والمسار وتاريخ الالتقاط، فيبني الوكيل توجّهه على منتجات حقيقية لا على التخمين.

  • حزم العلامة التجارية في Studio

    لوحة ألوانك وخطوطك على كل شاشة مُولَّدة، وحزم غير محدودة، و10 مفاتيح MCP بمعدل 300 طلب في الدقيقة للفريق بأكمله.

  • اضبط MCP في دقيقتين
    اطّلع على Studio
TESTIMONIALSOnce you try it, you won't research UI the old way again.
I love not having to download apps, create accounts, and test everything manually just to understand the UI.
Gugel@gugeldev
I was genuinely surprised. Congratulations on the quality and care for users!
Rafael Coelho@coelho_lab_
So much fun. I spent hours looking through the references.
渡邉一輝(かじき@kzkwt7b
The folders feature finally made me use the references I collect.
Nathan Oliveira@NathanDev_
BERJAYA
BERJAYA
BERJAYA
BERJAYA
الأسعار

يصبح وكيل التصميم لديك أذكى مع سياق حقيقي.

استكشف تدفقات منتجات حقيقية، ثم اختر سعة المراجع والتصدير والذكاء الاصطناعي التي يحتاجها عملك.

Free$0.00/شهر
استكشف مراجع من منتجات حقيقية واحفظها
أول تدفقين من كل تطبيق كاملين + 10 تدفقات رائجة أسبوعيًا
50 مرجعًا محفوظًا · 3 مشاريع
5 عمليات تصدير من المتصفح إلى Figma شهريًا
مفتاح MCP واحد لـ Claude Code أو Cursor · 30 طلبًا/دقيقة
مقعد واحد
ابدأ مجانًالا حاجة إلى بطاقة ائتمان
الأكثر شيوعًا
Pro$10.00/شهر
للمصممين الذين يبنون كل أسبوع
حفظ غير محدود للمراجع
20 عملية تصدير شهريًا لكل مقعد
تصدير إلى Figma وأنظمة التصميم
سجل كامل للتدفقات
100 شاشة بالذكاء الاصطناعي شهريًا مشتركة للفريق
مجموعة هوية واحدة · 3 مفاتيح MCP بمعدل 120 طلبًا/دقيقة
يشمل مقعدين
الترقية إلى Pro
ألغِ في أي وقت
Studio$39.00/شهر
مجموعات هوية غير محدودة و MCP للفريق بأكمله
مجموعات هوية غير محدودة: ألوانك وخطوطك في كل شاشة مُولَّدة
10 مفاتيح MCP بمعدل 300 طلب/دقيقة للفريق بأكمله
تصدير غير محدود وكل ميزات Pro
يشمل 6 مقاعد
500 شاشة بالذكاء الاصطناعي شهريًا مشتركة للفريق
الترقية إلى Studioألغِ في أي وقت
USD · قد تُطبَّق ضرائب. تأكد من المبلغ والعملة عند الدفع.

أسئلة حول Refcat

الخطط والتصدير والإلغاء.

توقّف عن التصميم من لوحة فارغة. أعطِ وكيلك الموجز.

زوّد مشروعك بمراجع من منتجات حقيقية
مجاني · لا حاجة إلى بطاقة ائتمان